@media screen, print {


    .roxen-edit-box-off { }
    .roxen-edit-box-on {
      outline:          1px dotted #f8bb7b;
      /*background:       #f2f1eb;*/
      background:       #faf9f3;
      -moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
    }
    .roxen-edit-marker-off {
      visibility:       hidden;
      display:          block;
      position:         absolute;
    }
    .roxen-edit-marker-on {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
    div.roxen-linkbrowser-anchor a {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }

    
}
@media screen, print {

    div.header-component
    {
      clear:		both;
    }
  
    div.footer-component
    {
      font-size:	90%;
      color:		#999999;
      clear:		both;
      text-align:	center;
    }
  
    div.picture-component
    {
      clear:		both;
    }
    div.picture-component div.center {
      clear:		both;
    }
    div.picture-component div.left,
    div.picture-component div.right,
    div.picture-component div.center
    {
      margin-bottom:	15px;
      display:		table;
      width:		30%;
    }
    div.picture-component div.center
    {
      text-align:	center;
      margin:		0 auto;
    }
    div.picture-component div.left div.row
    {
      display:		table-row;
    }
    div.picture-component div.left div.row div.cell
    {
      display:		table-cell;
    }
    div.picture-component div.left
    {
      float:		left;
      margin-right:	15px;
    }
    div.picture-component div.right
    {
      float:		right;
      margin-left:	15px;
    }
    div.picture-component div.caption
    {
      font-style:	italic;
    }
  
    div.file-component div.icon {
      float:		left;
      background-repeat: no-repeat;
      background-position:	center center;
    }
    div.file-component div.icon a
    {
      display:		block;
      width:		25px;
      height:		20px;
    }
    div.file-component div.filename .bullet
    {
      display:		none;
    }
    div.file-component div.info
    {
      margin-left:	25px;
    }
    div.file-component span.header
    {
      font-weight:	bold;
    }
    div.file-component span.size
    {
      margin-right:	0.5em;
    }

    
    div.file-component>div.table { display: table }
    div.file-component>div.table div.row { display: table-row }
    div.file-component>div.table div.row div.icon
    {
      display:			table-cell;
      vertical-align:		middle;
      float:			none;
    }
    div.file-component>div.table div.filename
    {
      display:			table-cell;
      vertical-align:		middle;
    }
  
    div.href-component
    {
      clear:		both;
    }

    div.href-component div.right
    {
      float:		right;
    }
    /* Center variant use different approach.*/
    div.href-component div.center .table .row
    {
      text-align: center;
    }

    
  
    div.event-component { }

    div.event-component table
    {
      background-color:	#cccccc;
      width:		100%;
    }
    div.event-component table th,
    div.event-component table td
    {
      background-color:	#ffffff;
    }
    div.event-component table th
    {
      font-size:	80%;
    }

    div.event-component table.unpublished th,
    div.event-component table.unpublished td
    {
      background-color:	#eeeeee;
      color:		#777777;
    }

    div.event-component .alert
    {
      font-weight:	bold;
      color:		#ff3333 !important;
    }

    div.event-component .event
    {
      font-size:	80%;
    }

    div.event-component ol.event-error li
    {
      color:		#ff3333;
    }
    div.event-component ol.event-error li ul li
    {
      color:		#000000;
    }
    div.event-component ol.event-error li ul li strong
    {
      color:		#ff3333;
    }
  
    div.event-index-component
    {
      padding:		0 0 0.6em 0;
    }

    div.event-index-component .alert
    {
      font-weight:	bold;
      color:		#ff3333 !important;
    }

    
    div.event-index-component table.event-calendar-tbl
    {
      padding:		0.4em 0 0 0;
    }
    
    div.event-index-component table.event-calendar-tbl td.dayname,
    div.event-index-component table.event-calendar-tbl td div
    {
      font-size:	10px;
    }
    div.event-index-component table.event-calendar-tbl div.spacer
    {
    }
    div.event-index-component td.eventdata
    {
      height:		50px;
      width: 		98px;
      text-align:	left;
      border:		1px solid #cce6ff;
    }
    div.event-index-component td.eventdata.hilite
    {
      background-color:		#f0f8ff;
      font-weight:		bold;
    }
    div.event-index-component td.eventdata a
    {
      text-decoration: 		none;
    }
    div.event-index-component td.eventdata a:hover
    {
      text-decoration: 		underline;
    }
    div.event-index-component td.dayname,
    div.event-index-component td.weeknum
    {
      text-align:		center;
      background-color:		#eee;
    }
    div.event-index-component td.dayname
    {
      height:			20px;
    }
    div.event-index-component td.weeknum
    {
      width:			20px;
    }
    div.event-index-component table.event-calendar-tbl .entry
    {
      background-color:		#f0f8ff;
      border:			1px solid #cce6ff;
    }

    div.event-index-component div.day,
    div.event-index-component div.sunday
    {
      text-align:		right;
    }
    div.event-index-component div.sunday
    {
      color:			red;
    }
    div.event-index-component div.day .dimmed
    {
      color:			#888;
    }
    div.event-index-component div.sunday .dimmed
    {
      color:			#f77;
    }

    
    div.event-index-component table.event-calendar-tiny td.eventdata {
      height:			20px;
      width:			20px;
    }

    
    div.event-index-component div.event
    {
      padding:			0.4em 0 0.4em 0;
    }
    div.event-index-component .event-text
    {
    }

  
    .nav-link {
      font-size:        11px;
      font-weight:      bold;
      color:            #2b5499;
      text-decoration:  none;
    }
    .nav-link-disabled {
      font-size:        11px;
      font-weight:      bold;
      color:		#aaaaaa;
      text-decoration:  none;
    }
    .nav-link-removed {
      font-size:        11px;
      font-weight:      bold;
      color:		#aaaaaa;
      text-decoration:  line-through;
    }
    .nav-mini {
      font-size:        10px;
      color:            #808080;
      text-decoration:  none;
    }
  
    div.table-component
    {
      clear:		both;
    }

    div.table-component table
    {
      border-collapse:	collapse;
    }

    div.table-component tr
    {
    }

    div.table-component tr.odd
    {
    }

    div.table-component tr.even
    {
    }

    div.table-component tr.first
    {
    }

    div.table-component td
    {
      border-style:	solid;
      border-width:	1px;
    }

    div.table-component td.odd
    {
    }

    div.table-component td.even
    {
    }

    div.table-component td.first
    {
    }
  
    div.forum-component,
    table.forum-forums,
    table.forum-subscribed-forums,
    table.forum-threads,
    table.forum-active-threads,
    table.forum-subscribed-threads,
    table.forum-message-list {
      width:		584px;
      clear:		both;
    }

    div.forum-component {
      margin:           16px 0;
    }

    div.forum-component p {
      clear:		left;
    }

    div.forum-forum-top {
      margin-bottom:	8px;
    }

    div.forum-forum-nav {
      float:		left;
      margin-bottom:	7px;
    }

    div.forum-new-thread {
      margin-bottom:	7px;
      clear:		left;
    }

    div.forum-forum-admin {
      text-align:	right;
    }

    div.forum-header {
      font-weight:	bold;
      margin-bottom:	8px;
      clear:		left;
    }
    
    table.forum-message-list {
      border-collapse:	collapse;
      margin-top:	5px;
      margin-bottom:	10px;
    }

    table.forum-message-list tr td {
      border:		1px solid #dee2eb;
      padding:		2px 4px;
      text-align:	left;
      vertical-align:	top;
    }

    table.forum-message-list tr th.subject,
    table.forum-message-list tr th.posted-by,
    table.forum-message-list tr th.date {
      border:		1px solid #dee2eb;
      font-size:	80%;
      font-weight:	bold;
      background-color:	#dee2eb;
    }

    table.forum-message-list tr.message th.header-subject {
      width:		314px;
    }

    table.forum-message-list tr.message th.header-posted-by {
      width:		160px;
    }

    table.forum-message-list tr.message td.date,
    table.forum-message-list tr.message td.date-selected {
      width:		110px;
    }

    table.forum-message-list tr.message td.date-selected,
    table.forum-message-list tr.message td.posted-by-selected,
    table.forum-message-list tr.message td.subject-selected {
      background-color:	#f0f1f5;
    }

    table.forum-forums,
    table.forum-active-threads,
    table.forum-subscribed-threads,
    table.forum-subscribed-forums,
    table.forum-threads {
      border-collapse:	collapse;
      margin-bottom:	10px;
    }

    table.forum-forums tr td,
    table.forum-forums tr th,
    table.forum-subscribed-forums tr th,
    table.forum-subscribed-forums tr td,
    table.forum-subscribed-threads tr td,
    table.forum-subscribed-threads tr th,
    table.forum-active-threads tr td,
    table.forum-active-threads tr th,
    table.forum-threads tr td,
    table.forum-threads tr th {
      text-align:	left;
      vertical-align:	top;
      border-style:	solid;
      border-width:	1px;
      border-color:	#dee2eb;
      padding:		2px 4px;
    }
    
    table.forum-forums tr th,
    table.forum-subscribed-forums tr th,
    table.forum-active-threads tr th, 
    table.forum-subscribed-threads tr th, 
    table.forum-threads tr th {
      font-size:        80%;
      font-weight:	bold;
      background-color:	#dee2eb;
    }

    table.forum-forums tr td.name,
    table.forum-subscribed-forums tr td.name {
      width:		180px;
    }

    table.forum-forums tr th.description,
    table.forum-subscribed-forums tr th.description {
      width:		200px;
    }

    table.forum-active-threads tr.thread td.subject, 
    table.forum-subscribed-threads tr.thread td.subject, 
    table.forum-threads tr.thread td.subject {
      width:		190px;
    }

    table.forum-active-threads tr.thread td.forum, 
    table.forum-subscribed-threads tr.thread td.forum, 
    table.forum-threads tr.thread td.author {
      width:		190px;
    }

    table.forum-active-threads tr.thread td.messages, 
    table.forum-subscribed-threads tr.thread td.messages, 
    table.forum-threads tr.thread td.messages {
      width:		80px;
    }

    div.forum-search-all-forums, 
    div.forum-search-thread, 
    div.forum-search-forum {
      clear:		left;
    }

    div.forum-search-all-forums span,
    div.forum-search-forum span,
    div.forum-search-thread span {
      margin-right:	10px;
    }

    div.forum-new-forum div.name div.label,
    div.forum-new-forum div.description div.label,
    div.forum-new-forum div.moderators div.label {
      float:		left;
      width:		70px;
    }

    div.forum-new-forum div.submit {
      padding-left:	70px;
    }

    div.forum-new-thread div.label,
    div.forum-edit-thread div.label {
      float:		left;
      width:		100px;
    }

    div.forum-new-thread div.name,
    div.forum-new-thread div.subject,
    div.forum-new-thread div.message,
    div.forum-new-thread div.attachments,
    div.forum-new-thread div.add-file,
    div.forum-new-thread div.post,
    div.forum-new-thread div.preview,
    div.forum-edit-thread div.name,
    div.forum-edit-thread div.subject,
    div.forum-edit-thread div.message,
    div.forum-edit-thread div.attachments,
    div.forum-edit-thread div.add-file,
    div.forum-edit-thread div.post {
      clear:		left;
    }

    div.forum-new-thread div.attachments div.attachments-listing div.attachment div.filename,
    div.forum-edit-thread div.attachments div.attachments-listing div.attachment div.filename {
      width:		300px;
      float:		left;
      clear:		left;
    }

    div.forum-new-thread div.attachments div.attachments-listing,
    div.forum-new-thread div.add-file div.inputs,
    div.forum-edit-thread div.attachments div.attachments-listing,
    div.forum-edit-thread div.add-file div.inputs {
      float:		left;
    }

    div.forum-new-thread div.post,
    div.forum-new-thread div.preview,
    div.forum-edit-thread div.post {
      padding-left:	100px;
    }

    div.forum-new-thread div.preview {
      margin-bottom:	5px;
      padding-top:	5px;
    }

    div.forum-message div.subject,
    div.forum-message div.posted-by,
    div.forum-message div.date,
    div.forum-message div.message {
      clear:		left;
    }

    div.forum-message div.subject div.label,
    div.forum-message div.posted-by div.label,
    div.forum-message div.date div.label {
      float:		left;
      width:		80px;
      background-color:	#dee2eb;
      padding:		2px;
      padding-left:	4px;
      padding-top:      4px;
      margin-right:	3px;
      border-bottom:	1px solid #dee2eb;
      font-size:	80%;
      font-weight:	bold;
    }

    div.forum-message div.subject div.content,
    div.forum-message div.posted-by div.content,
    div.forum-message div.date div.content {
      padding:		2px;
      border-left:	1px solid;
      border-right:	1px solid;
      border-color:	#dee2eb;
    }
    
    div.forum-message div.subject div.content,
    div.forum-message div.posted-by div.content {
      border-top-style:	solid;
      border-width:	1px;
    }

    div.forum-message div.date div.content {
      border-bottom-style: solid;
      border-top-style:	solid;
      border-width:	1px;
    }

    div.forum-message div.message {
      padding:		8px;
      background-color:	#f0f1f5;
      border-left:	1px solid;
      border-right:	1px solid;
      border-color:	#dee2eb;
    }


    div.forum-message-actions-verbose,
    div.forum-message-actions-compact {
      padding-left:	4px;
      padding-bottom:	3px;
      padding-top:	3px;
      clear:		left;
      background-color:	#dee2eb;
    }

    div.forum-message-actions-verbose span.disabled,
    div.forum-message-actions-compact span.disabled {
      color:		#88a;
    }

    div.forum-message-actions-verbose {
      margin-bottom:	5px;
    }

    div.forum-message-actions-verbose a,
    div.forum-message-actions-compact a,
    div.forum-message-actions-verbose span.disabled,
    div.forum-message-actions-compact span.disabled {
      display:		block;
      float:		left;
      font-weight:	bold;
      font-size:	80%;
      border-right:	1px solid #aaa;
      padding-right:	6px;
      margin-left:	3px;
      margin-right:	3px;
    }
    div.forum-message-actions-verbose a.last,
    div.forum-message-actions-compact a.last,
    div.forum-message-actions-verbose span.last,
    div.forum-message-actions-compact span.last {
      border-right:	none;
    }
    
    div.forum-quote {
      border:		1px solid black; 
      margin-left:	10px; 
      padding:		5px;
    }

    div.forum-page-navigation {
      text-align:	center;
      margin-bottom:	10px;
    }

    span.forum-forbidden-word {
      font-weight:	bold;
      color:		red;
    }

  
    div.rss-component
    {
      clear:		both;
      padding:		8px 0;
    }

    div.rss-component div.render-in-editor 
    {
      font-weight: bold;
      font-style: italic;
      font-size: 11px;
      color: #808080;
      margin-bottom: 5px;
    }
  
    table.forms-summary
    {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
    }
    
    table.forms-summary tr th,
    table.forms-summary tr td
    {
    	border-width: 1px 1px 1px 1px;
    	padding: 3px 3px 3px 3px;
    	border-style: dotted dotted dotted dotted;
    	border-color: gray gray gray gray;
    }
    
    table.forms-summary tr td.header,
    table.forms-summary tr td.subheader,
    table.forms-summary tr td.selection-subheader-first,
    table.forms-summary tr td.selection-subheader,
    table.forms-summary tr td.selection-subheader-last
    {
    	border-width: 1px 1px 1px 1px;
    	padding: 3px 3px 3px 3px;
    	border-style: dotted dotted dotted dotted;
    	border-color: gray gray gray gray;
	background-color: #dddddd;
	white-space: nowrap;
    }
    
  
    div.poll-question
    {
      clear:		both;
      height:		12px;
      width:		576px;
      margin-bottom:	8px;
      padding:		5px 4px 7px 4px;
      background-color:	#eeeeee;
    }

    div.poll-options-vertical,
    div.poll-options-horizontal
    {
      display:		table;
      margin-bottom:	4px;
      padding:          0;
    }

    div.poll-choice-vertical
    div.poll-choice-horizontal
    {
      display:		table-row;
      margin:		0;
      padding:		0;
      border:		none;
    }


    div.poll-radio-button,
    div.poll-choice-text
    {
      display:		table-cell;
      margin:		0;
      padding:		0;
    }

    div.poll-choice-horizontal div.poll-choice-text
    {
      padding-right:	10px;
    }
  
    div.blog-component
    {
      clear:			both;
			font-size:	11px;
    }
		div.blog-entry
		{
			margin:			0 0 25px 0;
		}
		div.blog-entry div.divider
		{
			background:	#ababab;
			height:			1px;
		}
		div.blog-entry h2#bloglist
		{
			font-size:	16px;
			font-weight: bold;
			margin:			5px 0 0 0;
		}
		div.blog-entry h4#bloglist
		{
			font-size:	10px;
			font-weight: bold;
			margin:			0 0 15px 0;
		}
		div.blog-entry div.img-left
		{
			border:			0;
			margin:			0 5px 5px 0;
			float:			left;
		}
		
		div.blog-entry div.img-left img
		{
			background:	#eeeeee;
			border:			1px solid #999999;
			padding:		2px 2px 3px 2px;	
		}
		div.blog-entry div.img-right
		{
			border:			0;
			margin:			0 0 5px 5px;
			float:			right;
		}
		div.blog-entry div.img-right img
		{

			background:	#eeeeee;
			border:			1px solid #999999;
			padding:		2px 2px 3px 2px;		
		}
		div.blog-entry div.img-center
		{
			border:			0;
			margin:			0 0 5px 0;
			text-align:	center;
		}
		div.blog-entry div.img-center img
		{
			background:	#eeeeee;
			border:			1px solid #999999;
			padding:		2px 2px 3px 2px;	
		}

  
    div.blog-utils-component 
    {
    font-size:		11px;
    }
    div.blog-utils-component div.comment-date 
    {
    font-size:		9px;
    margin:				5px 0 2px 0px;
    }
    div.blog-utils-compoment div.comment-date
    {
    color:				#000000;
    }
    div.blog-utils-component div.comment-container
    {
    font-size:		10px;
    }
    div.blog-utils-component div.comment-container img.right-comment
    {
    border:				0;
    margin:				0 0 0 3px;
    vertical-align: sub;
    }
    div.blog-utils-component div.comment-container img.left-comment
    {
    border:				0;
    margin:				0 3px 0 0;
    vertical-align: top;
    }
    div.blog-utils-component a,
    div.blog-utils-component a:hover,
    div.blog-utils-component a:visited,
    div.blog-utils-component a:active
    {
    text-decoration:none;
    font-weight:		normal;
    }
    div.blog-utils-component div#admin-pane input.blog-input-field
    {
    width:				214px;
    font-size:			11px;
    border:					1px solid #333333;
    margin:					5px 0 0 0;
    }
    div.blog-utils-component div#admin-pane input.blog-input-button
    {
    font-size:			11px;
    border:					1px solid #333333;
    background:			#eeeef0;
    margin:					5px 0 0 0;
    }
    div.blog-utils-component div#rss
    {
    margin-top:			24px;
    }
    div.blog-utils-component div#rss img
    {
    border:					0;
    vertical-align:	middle;
    margin:					0 10px 0 0;
    }
    div.blog-utils-component div#rss span
    {
    font-size:			22px;
    font-weight:		bold;
    vertical-align:	middle;
    }
  
    div.page-comment-component 
    {
    	padding-top:		10px;
    	font-size:		11px;
    }
    div.page-comment-component div.comment-form-containment
    {
    	text-align:		center;
    }
    div.page-comment-component div.comment-form-tiptop
    {
    	width:			481px;
    	height:			11px;
    	margin:			0px auto;
    	text-align: left;
    	background:		url('/roxen-files/cms-sites/4.5/blog/images/comment-bubble-tiptop.png') no-repeat 0px 0px;
    }
    div.page-comment-component div.comment-form-top
    {
    	width:			481px;
    	margin:			0px auto;
    	text-align: 		left;
    	background:		url('/roxen-files/cms-sites/4.5/blog/images/comment-bubble-yfill.png') repeat-y 0px 32px;
    }
    div.page-comment-component div.comment-form
    {
    	padding:		1px 10px 0 10px;
    	background:		url('/roxen-files/cms-sites/4.5/blog/images/comment-bubble-top.png') no-repeat 0px 0px;
    }
    div.page-comment-component div.comment-form h3
    {
    	font-size:		14px;
    	color:			#333333;
    	margin:			0px 0 10px 0 !important;
    }
    div.page-comment-component div.comment-form-bottom
    {
    	width:			481px;
    	height:			32px;
    	margin:			0px auto;
    	text-align: 		left;
    	background:		url('/roxen-files/cms-sites/4.5/blog/images/comment-bubble-bottom.png') no-repeat 0px 0px;
    }
    div.page-comment-component div.newcomment
    {
    	padding:		0 10px 0 10px;
    }
    div.page-comment-component table
    {
    	border-collapse: collapse;
    	width:			100%;
    }
    div.page-comment-component td
    {
    }
    div.page-comment-component td.label
    {
    	width:			219px;
    	text-align:		right;
    }
    div.page-comment-component td.especial
    {
    	padding-bottom:		5px;
    	text-align:		right;
    }
    div.page-comment-component input.txt
    {
    	border:			1px solid #333333;
    	background:		#fbfbfb;
    	font-size:		11px;
    	font-family:  		Verdana,Arial,Helvetica,sans-serif;
    	width:			216px;
    }
    div.page-comment-component textarea.txt
    {
    	border:			1px solid #333333;
    	background:		#fbfbfb;
    	font-size:		11px;
    	font-family:  		Verdana,Arial,Helvetica,sans-serif;
    	width:			437px;
	height:                 60px;
    }
    div.page-comment-component input.subm
    {
    	border:			1px solid #333333;
    	background:		#f0f0f0;
    	font-family:  		Verdana,Arial,Helvetica,sans-serif;
    	font-size:		12px;
    }
    div.page-comment-component div.comment-form div.clear
    {
    	height:			0px;
    	border:			0;
    }
    
    div.page-comment-component div.comment-centeralization
    {
    	text-align:		center;
    }
    div.page-comment-component div.comment-containment
    {
    	width:			481px;
    	margin:			0px auto;
    	text-align: left;
    }
    
    div.page-comment-component div.comment-divider
    {
    	background:		#dddddd;
    	border-bottom:		1px solid #eeeeee; 
    	height:			1px; 
    	width:			100%; 
    	margin:			10px 0;
    }
    div.page-comment-component table.comment-title 
    {
    	margin:			12px 0 10px 0;
    }
    div.page-comment-component h2 span.closed {
    	color:			red;
    }
    div.page-comment-component h4
    {
    	margin:			0px !important;
    }
  
}
@media screen {

/***************************************
*
* element styles
*
***************************************/

/******* Qscroller specific styles *******/

#topscroller{
   position: absolute;
   top: 15px;
   left: 255px;
   width: 700px;
   height: 25px;
}


.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller1 {
	position: relative;
	float: right;
         width: 535px;
	height:21px;
	/* border:1px solid #c0c0c0;*/
	background:white; /*#f0f0f0;*/
}

#qscroller-text{
	float: right;
	
	color: #B30000;
	font-family:Tahoma,Verdana;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:0;
	padding: 4px 4px 4px 25px;
}

.qslide {
	background: white; /*#f0f0f0;*/
	font-size: 12pt;
	padding: 4px;
         width: 100%;
	max-width:535px;


}

/******************************************/

body	
{
	font-family:Tahoma,Verdana;				-- font-family:Trebuchet MS;
	font-size:11px;
	color:#333333;
	margin:0px 0px 0px 0px; 		-- 0;
	background-image:url(/images/bg_rightshadow.gif);
	background-repeat:repeat-y;	
}

div, form
{
	margin: 0px 0px 0px 0px; 			--0px;
	padding: 0px 0px 0px 0px; 			--0px;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.height
{
	line-height:20px;
}

 .floatLeft
{
	float: left;
	margin: 0px 0px 0px 0px;			--0px;
	padding: 0px 0px 0px 0px; 		--0px;
}

.floatRight
{
	float: right;
	margin: 0px 0px 0px 0px;			--0px;
	padding: 0px 0px 0px 0px;			--0px;
}

/*images*/

img
{
	border:0;
}

.floatLeftImage
{
	float: left;
	margin: 0px 0px 8px 0px;			--0px;
	padding: 0px 0px 0px 0px;			--0px;
	--margin-bottom: 8px;
}	

li
{
	padding: 1px 0px 1px 0px;
}

/* links */
a 
{
	color: #0066b3;
	text-decoration:none;
}

a.calendar 
{
	font-family:Tahoma,Verdana;				
	font-size:11px;
	font-weight:bold;
	color: #6a6a6a;		
	line-height:14px;
	text-decoration:none;
	margin:0px 0px 0px 0px;				
	padding:0px 0px 0px 0px;
}

a.calendar-fullbokad 
{
	font-family:Tahoma,Verdana;				
	font-size:11px;
	font-weight:bold;
	color: #b30000;	
    line-height:14px;	
	text-decoration:none;
	margin:0px 0px 0px 0px;				
	padding:0px 0px 0px 0px;
}

/* colors */

.white
{
	color:#ffffff;
}

.black
{
	color:#000000;
}



.darkGreen
{
	color:#13631b;
}

.red
{
	color:#b30000;	
}


/*test*/

.border
{
	border:1px solid;
}

/* img */
img.logotype
{
	float:left;
	--margin-left:10px;
         --margin-bottom:5px;
	margin:0px 0px 5px 10px;
}

/* fonts */

h1,h2,h3
{
  font-family:Trebuchet MS;
	margin:0px 0px 0px 0px;				--0;
	padding:0px 0px 0px 0px;			--0;
}


h1.header
{
  font-family:Trebuchet MS;
	font-size:32px;
	line-height:35px;
	font-weight:bold;
	margin:3px 0px 6px 0px;
	padding:0px 0px 0px 0px;			--0px;
}

h1.a-puff-header a, h1.b-puff-header a, h1.c-puff-header a, h1.header a
{ 
    text-decoration:none;
    color: black;
}

h2.a-puff-header
{
  font-family:Trebuchet MS;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	margin:0px 0px 0px 0px;					--0;
	padding:0px 0px 6px 0px;
}

h2.a-puff-header2
{
  font-family:Trebuchet MS;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	margin:0px 0px 0px 0px;					--0;
	padding:0px 0px 15px 0px;				-- padding:0px 0px 6px 0px;
}

h3.headpage-educationname
{
  font-family:Trebuchet MS;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px; 				--0;
	padding:0px 0px 6px 0px;
}

h1.b-puff-header,
h1.calendar-header
{
   font-family:Trebuchet MS;
	 font-size:27px;								--30px;
	 line-height:32px;							--36px;
	 font-weight:bold;
	 margin:0px 0px 6px 0px;
	 padding:0px 0px 0px 0px; 			--0px;
}

h1.c-puff-header
{
  font-family:Trebuchet MS;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	margin:0px 0px 0px 0px;					--0;
	padding:0px 0px 0px 0px;				--0;
}

h2.c-puff-subheader
{
  font-family:Trebuchet MS;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;					--0;
	padding:0px 0px 5px 0px;
}

h2.education-subheader
{
  font-family:Trebuchet MS;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	margin:0px 0px 0px 0px;--0;
	--padding:0 0 8px 0;
}

h3.education-subheader
{
  font-family:Trebuchet MS;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px; 				--0;
	--padding:0 0 4px 0;
}

.ingress
{
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

.ingress2
{
	padding: 0; margin: 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	  
}

p
{
	font-size:11px;
	line-height:14px; 						-- 13px;
	margin:0px 0px 6px 0px;
	padding:0px 20px 0px 0px;
}

p.program-header
{
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
}

/* Table */
table.content
		{
			font-family:Trebuchet MS;
			font-size:11px;
			padding:4px 3px 0px 11px;
		}

/* basic - grid */

#envelope	
{ 
	width:986px;
}

.top
/*container for banner, mypage, support- and topmenu*/
{
	width:954px;
	height:118px;  /* old: 235px;*/
	-- margin-top:11px;  /*old: 4px;*/
	margin:11px 0px 0px 0px; /*old: 121px 0px 0px 0px;*/
}
	.topBanner
	{
          visibility: none;		
	}
	
	.myPageContainer
	{
		float:right;
		width:700px;
	}
		.myPage
		{
			float:left;
			height:26px;
			width:68px;
			background-image:url(/images/bg_mypage.gif);
		}
		
		.myPagetext
		{
			font-family:Trebuchet MS;
			float:left;
			font-size:11px;
			padding:4px 3px 0px 11px;
		}
		
		.myPageactivity
		{
			float:left;
			height:26px;
			background-image:url(/images/bg_mypage_middle.gif);
		}
		.myPageactivityend
		{
			float:left;
			width:8px;
			height:26px;
			background-image:url(/images/bg_mypage_right.gif);
		}	
	
		.myPage-activitytext, .myPage-noactivitytext
		{
			font-family:Trebuchet MS;
			float:left;
			color:#ffffff;
			padding:4px 0px 0px 6px;
		}
		
		.myPage-noactivitytext
		{
			font-family:Trebuchet MS;
			color:#a9ccad;
		}
		
	
	.supportMenu
	{
		float:right;
		padding:4px 0px 4px 0px;
	}
	
	.supportmenulink 
	{
		font-family:Trebuchet MS;
		color:#000000;
		--padding-left:18px;
		padding:0px 0px 0px 21px;
	}
	

	.supportmenuimage
	{
		position: relative;
		top: 3px;
	}


	/*topmenu */
	#menu		{ width:953px; font-family: Trebuchet MS; }
	/*#menu a:hover	{ color: #ffffff; }*/
	#menuRow	{font-family:Trebuchet MS;float:left;width:953px;background-image:url(/images/bg_menuRow1.gif);border-right: solid 1px #53995a;font-size: 12px; }
	.menuItemStartRow	{ float:left;width:3px; height:27px; border-left:solid 1px #53995a;border-top:solid 1px #53995a; border-bottom:solid 1px #53995a; }
	.menuItemRow		{ float:left;height:29px;background:url(/images/menuRow1Div.gif) no-repeat;background-position: top right; }
	.menuItemSelectedRowFirst		{ float:left;height:29px;width:2px;background-image:url(/images/bg_menuRow1SelectedFirst.gif); }	
	.menuItemSelectedRow		{ float:left;height:20px;padding:6px 13px 3px 13px;background-image:url(/images/bg_menuRow1Selected.gif);border-right:solid 1px #53995a;margin-left:-1px; }
	.menuItemLastRow			{ float:left;}
	/*.menuItemRow a:hover, .menuItemLastRow1 a:hover	{ background-image:url(/images/bg_menuRow1Hover.gif); }*/
	.textMenuItemRow			{ font-family:Trebuchet MS;float:left;height:19px;padding: 6px 21px 3px 21px;text-decoration:none;color:#ffffff; }
	.textMenuItemSelectedRow	{ font-family:Trebuchet MS;float:left;text-decoration:none;color: #000000;font-weight:bold; }
	
	
	
.contentWrapper
/* container for all content */
{
	float:left;
	width:958px;
	background-image:url(/images/bg_content.gif);
	background-repeat:repeat-y;
}
	.column-1
	{
		float:		left;
		width:		485px;
		padding:	0px 7px 0px 3px;
		margin:		0px;
	}

	.column-1-admin
	{
		float: left;
		width: 944px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
		background-color: #CBDFD6;
		border: 1px solid #55995A;
	}
	
	.column-2
	{
		float:		left;
		width:		193px;
		padding:	0px 0px 0px 10px;
	}
	
	.ad-column
	{
		float:left;
		width:259px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px; 				
	}
	
		.ad-container 
		{
			float:right;
			--padding-bottom: 5px;
			padding:0px 0px 5px 0px;
		}
	
		.ad-tag 
		{
			font-size:11px;
			font-weight:bold;
			--margin-top:-3px;
			margin:-3px 0px 0px 0px;
			padding:0px 0px 7px 14px;
		}
	
		
	
.footer
/* container for footercontent */
{
	float:left;
	width:944px;
	height:35px;
	border-top:10px solid #53995a;
	margin:10px 0px 30px 10px;
}
	.footer p
	{
		padding:3px 0px 0px 10px;
		--margin:0;
		margin:0px 0px 0px 0px;
		color:#696969;
	}

	
/* headpage */
/* A-puff */
.a-puff, .b-puff, .c-puff
{
	float:left;
	width:474px;
	border-bottom:1px solid #cacaca;
	padding:0px 0px 3px 0px;
	margin:6px 0px 15px 0px;
}
	.a-puff-large-image
	{
		width:474px;
		margin:8px 0px 10px 0px;
		-- padding:8px 0px 10px 0px - padding:2px 0px 2px 0px;
	}
	
	.a-puff-leftcontent
	{
		float:left;
		width:364px;
	}
	
	.a-puff-leftcontent p
	{
		padding:0px 5px 0px 0px;
	}

	
	.a-puff-rightcontent
	{
		float:right;
		width:110px;
	}
	
	.a-puff-rightcontent p
	{
		line-height:14px;
		padding:7px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	
	.a-puff-content
	{
		float:left;
		padding:7px 0px 10px 0px;					--padding:7px 0px 0px 0px;
	}

.b-puff
{
	padding:0px 0px 10px 0px;
}
	.b-puff-content
	{
		float:left;
	}
	
	.b-puff-leftcontent
	{
		float:left;
		width:364px;											-- 350
	}
	
	.b-puff-rightcontent
	{
		float:left;
		width:364px;											-- 350
	}
	.b-puff-rightcontent
	{
		float:right;
	}
	
	.b-puff-rightimagecontent
	{
		float:left;
		width:110px;											-- 120
	}
	
	.b-puff-leftimagecontent
	{
		float:left;
		width:100px;											-- 120
	}
	
	.b-puff-rightimagecontent
	{
		float:right;
	}	

	img.b-puffimage
	{
		margin:10px 0px 0px 0px;
	}
	
.c-puff
{
	padding:0px 0px 10px 0px;
	--border-bottom:none;
}

	.c-puff-leftcontent, .c-puff-rightcontent
	{
		float:left;
		width: 232px;
	}
	
	.c-puff-rightcontent
	{
		float:right;
	}
	
	.c-puff-rightcontent p, .c-puff-leftcontent p
	{
		padding:0px 5px 0px 5px;
	}
	
	.c-puff-headerbox
	{
		--height:70px;
	}
	
	
	
/*education page*/
.content-container
{
	width:475px;
}

	.content-image
	{
		float:left;
		width:475px;
		padding:5px 0px 8px 0px;
	}
	
	.content-image2
	{
		float:left;
		width:475px;
		padding:15px 0px 8px 0px;         -- top, right, bottom, left
	}
	
	.content-holder
	{
		float:left;
		width:473px;
		padding:0px 0px 10px 0px; 				-- 5px 0px 10px 0px;
	}
	
	.content-left, .content-right
	{
		float:left;
		width:350px;	
	}
	
	.content-right
	{
		float:right;
	}
	
	.content-leftimage, .content-rightimage
	{
		float:left;
		width:100px;
	}
	
	.content-rightimage
	{
		float:right;
	}
	
	.content-rightimage2
	{
		float:right;
		width:100px;
		padding:0px 0px 0px 15px;
	}
	
	.content-rightimage200px
	{
		float:right;
		width:200px;
		padding:0px 0px 0px 15px;
	}

	.tools
	/*container for print and tip a friend */
	{
		float:left;
		padding:20px 0px 20px 10px;
	}
	
		.print
		{
			margin:0px 0px 5px 0px;
		}
		
		img.print, img.tip
		{
			float:left;
			padding:0px 8px 0px 0px;
			margin:-1px 0px 0px 0px;
		}

		img.tip
		{
			margin:3px 0px 0px 0px;
		}

		.toolslink
		{
			font-family:Trebuchet MS;
			font-size:11px;
			font-weight:normal;
			color:#333333;
		}

/* grahpical elements  */

/* specialaren */
.special-container
{
	position:relative;
	float:left;
	height:21px;
	margin:-3px 0px 0px 0px;
	padding:0px 0px 0px 7px;
}
	.special-first
	{
		float:left;
		background-image:url(/images/bg_special_left.gif);
		width:5px;
		height:21px;
	}
	
	.special-content
	{
		float:left;
		background-image:url(/images/bg_special_middle.gif);
		background-repeat:repeat-x;	
		height:21px;
	}
	.special-content p
	{
		font-family:Trebuchet MS;
		color:#ffffff;
		font-size:12px;
		padding:4px 13px 0px 2px;
		--margin:0;
		margin:0px 0px 0px 0px;
	}
	
	.special-last
	{
		float:left;
		background-image:url(/images/bg_special_right.gif);
		width:5px;
		height:21px;
	}
	
/* yellowboxes  */

.boxtext
/*text in yellowboxes*/
{
	font-family:Trebuchet MS;
	line-height:15px;
}

/*large box*/
.boxlarge-holder
{
	width: 475px;
	padding:12px 0px 10px 0px;
}

.boxlarge-top
{
	height: 7px;
	background: url(/images/bg_boxlarge_top2.gif)  no-repeat;
}

.boxlarge-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_boxlarge_content.gif) repeat-y;
}


.boxlarge-bottom
{
	height: 5px;
	background: url(/images/bg_boxlarge_bottom.gif) no-repeat;
	
}

/*medium boxes*/
.boxmedium-holder
{
	width: 301px;
	--padding-bottom:5px;
	padding:0px 0px 5px 0px;
}

.boxmedium-top
{
	height: 7px;
	background: url(/images/bg_boxmedium_top2.gif) no-repeat;
}

.boxmedium-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_boxmedium_content.gif) repeat-y;
}
.boxmedium-content p
{
	line-height:15px;
	--padding:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

.boxmedium-bottom
{
	height: 5px;
	background: url(/images/bg_boxmedium_bottom.gif) no-repeat;
	
}

/*small box */
.box-holder
{
	width: 232px;
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 0px;
}

.box-top
{
	height: 7px;
	background: url(/images/bg_box_top_test2.gif) no-repeat;
}

.box-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_box_content.gif) repeat-y;
}
.box-content p
{
	line-height:15px;
	--padding:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	font-weight:bold;
	font-family:Trebuchet MS;
}

.box-bottom
{
	height: 6px;
	background: url(/images/bg_box_bottom.gif) no-repeat;
	
}

/* vignettes */
.red-vignette, .green-vignette
{
	font-family:Trebuchet MS;
	float:left;
	font-size:16px;
	color:#b30000;
	font-weight:normal;
	background-image:url(/images/bg_redRect.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	margin:-6px 0px 0px 0px;
	
}

.green-vignette
{	
	color:#13631b;
	background-image:url(/images/bg_greenRect.gif);
	background-position:0px 5px;
}


/* right menu */
.rightmenu-holder
{
	width: 177px;
	--padding:0
	padding:0px 0px 0px 0px;
}
.rightmenu-top
{
	height: 38px;
	background: url(/images/rightmenu_top.jpg) repeat-y;
}
.rightmenu-header
{
	font: bold 13px "Trebuchet MS";
	color: #fff;
	float: left;
	margin: 7px 0px 0px 8px;
}
.rightmenu-content
{
	padding: 0px 14px 1px 10px;
	background: url(/images/rightmenu_content.jpg) repeat-y;
}

.rightmenu-bottom
{
	height: 17px;
	background: url(/images/rightmenu_bottom.jpg) no-repeat;
}

.rightmenu, .rightmenu-last
{
	width:159px;
	border-bottom:1px solid #728774;
	padding:4px 0px 4px 0px;
}
.rightmenu-last
{
	border-bottom:none;
}

.rightmenulink, .rightmenulink-selected
{
	font-family:Trebuchet MS;
	font-size:13px;
	line-height:17px;
	color:#333333; --#000000;
}

.rightmenulink-selected
{
	font-family:Trebuchet MS;
	color:#000000; --#636363;
	font-weight:bold;
}


/*puffar*/

.puffContainer
/*startpage */
{
	margin:-14px 0px 0px 0px;
}

.puffHolder{
	width: 184px;
	overflow: hidden;
}
.pufftop{
	height: 40px;
	background: url(/images/graph/puff_top.jpg) repeat-y;
}
.puffheader
{
	font: bold 13px "Trebuchet MS";
	color: #fff;
	float: left;
	margin: 15px 0px 0px 8px;
}
.puffcontent{
	padding: 8px 14px 1px 12px;
	background: url(/images/graph/puff_content.jpg) repeat-y;
	font: normal 12px "Trebuchet MS";
	line-height:14px;
}

.puffcontent p
{
	font: normal 12px "Trebuchet MS";
	line-height:14px;
	padding:1px 0px 3px 0px;
}

.puff-text p
{
	padding: 0; margin: 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.puffbottom{
	height: 12px;
	background: url(/images/graph/puff_bottom.jpg) no-repeat;
}
.pufficon{
	position:relative;	
	float: right;
	--margin-right: 5px;
	margin:0px 5px 0px 0px;
}
.puffcontent select{
	width: 100%;

}
.puffcontent a
{

	font-family:Trebuchet MS;
	text-decoration: none;
}

#pufflist
{
	position:relative;
	--margin-left: -40px;
	margin:0px 0px 0px -40px;
}

#pufflist ul
{
	margin-top:0;
}

#pufflist li
{
	list-style-type:none;
	display:block;
	padding:0px 0px 7px 0px;
}

.inputText{
	width: 150px;
}

.premarktext
{
	color:#aaaaaa;
}

.submitBtn{
	width: 55px;
}

.puffSelect
{
	margin:0px 0px 7px 0px;
	padding:0px;
}

.referenser
{
	padding:4px 0px 6px 0px;
}

.anmalan
{
	padding:6px 0px 5px 25px;
}

.puffheadertext
{
	font-family:Trebuchet MS;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	--margin:0;
	margin:0px 0px 0px 0px;
	--padding:0;
	padding:0px 0px 0px 0px;
}

img.bottompadding
{
	padding:0px 0px 4px 0px;
}

img.padding
{
	padding:3px 0px 4px 0px;
}

.icoDown
{
	position:relative;
    top: 0;
    float: left;
}
.video-list
{
	float:left; 
	width: 135px;
	padding:0px 0px 7px 0px;	
}

#icon_Kompetenstv{
	--margin-top: 4px;
	margin:4px 0px 0px 0px;
	height: 40px;
	width: 54px; --50px;
	background: url(/images/graph/icons/kompetenstv.jpg) no-repeat;
}
#icon_mest_besokta{
	--margin-top: 5px;
	margin:5px 0px 0px 0px;
	height: 40px;
	width: 46px; --40px;
	background: url(/images/graph/icons/mest_besokta.jpg) no-repeat;
}
#icon_referens{
	--margin-top: 3px;
	margin:3px 0px 0px 0px;
	height: 44px;
	width: 34px; --27px;
	background: url(/images/graph/icons/referens.jpg) no-repeat;
}
#icon_kalendarium{
	--margin-top: 5px;
	margin:5px 0px 0px 0px;
	height: 40px;
	width: 42px; --37px;
	background: url(/images/graph/icons/kalendarium.jpg) no-repeat;
}
#icon_anmalan{
	margin-top: 4px;
	--margin:4px 0px 0px 0px;
	height: 46px;
	width: 60px; --56px;
	background: url(/images/graph/icons/anmalan.jpg) no-repeat;
}
#icon_tipsaEnKollega{
	--margin-top: 7px;
	margin:7px 0px 0px 0px;
	height: 40px;
	width: 48px; -- 42px;
	background: url(/images/graph/icons/tipsa_en_kollega.jpg) no-repeat;
}
#icon_tipsaEnKollegaPopup{
	--margin-top: 7px;
	margin:7px 0px 0px 0px;
	height: 40px;
	width: 64px;
	background: url(/images/graph/icons/tipsa_en_kollega.jpg) no-repeat;
}
#icon_trendspaning{
	--margin-top: 5px;
	margin:5px 0px 0px 0px;
	height: 40px;
	width: 58px; -- 52px;
	background: url(/images/graph/icons/trendspaning.jpg) no-repeat;
}
#icon_bestallMatrial{
	--margin-top: 4px;
	margin:4px 0px 0px 0px;
	height: 40px;
	width: 46px; -- 42px;
	background: url(/images/graph/icons/bestall_matrial.jpg) no-repeat;
}
#icon_redaktionellt{
	--margin-top: 4px;
	margin:4px 0px 0px 0px;
	height: 40px;
	width: 58px;
	background: url(/images/graph/icons/redaktionellt.jpg) no-repeat;
}
#icon_veckansFraga{
	--margin-top: 7px;
	margin:7px 0px 0px 0px;
	height: 40px;
	width: 42px; -- 38px;
	background: url(/images/graph/icons/vackans_fraga.jpg) no-repeat;
}
#icon_minSida{
	--margin-top: 5px;
	margin:5px 0px 0px 0px;
	height: 40px;
	width: 43px;
	background: url(/images/graph/icons/min_sida.jpg) no-repeat;
}
#icon_andraUtbildningar{
	--margin-top: 2px;
	margin:2px 0px 0px 0px;
	height: 40px;
	width: 46px;
	background: url(/images/graph/icons/andra_utbildningar.jpg) no-repeat;
}
#icon_nyhetsMail{
	--margin-top: 0px;
	margin:0px 0px 0px 0px;
	height: 43px;
	width:  55px;-- 50px;
	background: url(/images/graph/icons/nyhets_mail.jpg) no-repeat;
}
#icon_erbjudanden{
	--margin-top: 2px;
	margin:2px 0px 0px 0px;
	height: 43px;
	width: 56px; -- 50px;
	background: url(/images/graph/icons/erbjudanden.jpg) no-repeat;
}
#icon_tavlingar{
	--margin-top: 3px;
	margin:3px 0px 0px 0px;
	height: 43px;
	width: 47px;
	background: url(/images/graph/icons/tavlingar.jpg) no-repeat;
}

/* Tip a friend */
.tipHolder{
	width: 484px;
}
.tiptop{
	height: 40px;
	background: url(/images/graph/tipsa_top.jpg) repeat-y;
}

.tipcontent{
	padding: 8px 14px 1px 12px;
	background: url(/images/graph/tipsa_content.jpg) repeat-y;
	font: normal 12px "Trebuchet MS";
	line-height:14px;
}

.tiptext{
	font: normal 12px "Trebuchet MS";
	line-height:42px;
}

.tipbottom{
	height: 12px;
	background: url(/images/graph/tipsa_bottom.jpg) no-repeat;
}

/* References */

h3.references
{
	font-family:Trebuchet MS;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	--margin:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 0px;
}

.references-intro
{
	padding:0px 10px 10px 0px;
}
.references-intro p
{
	line-height:14px;
}

.referencescontent-holder
{
	float:left;
	width:475px;
	padding:5px 0px 3px 0px;
}
	.references-left
	{
		float:left;
		width:300px;
		padding:0px 0px 0px 0px;
		--margin:0;
		margin:0px 0px 0px 0px;
	}
	
	.references-left p
	{
		padding:0px 12px 2px 0px;	
	}
	
	p.references
	{
		font-family:Trebuchet MS;
		font-size:11px;
		font-weight:bold;
		line-height:20px;
	}

	.references-right
	{
		float:right;
	}

/* kalendariesida */

h1.calendarium
{
	font-family:Trebuchet MS;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	--margin:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

.calendarie-intro
{
	padding:0px 10px 10px 0px;
}
.calendarie-intro p
{
	line-height:14px;
}

/* Start monthbar */
.monthbar-whitetop
{
	float:left;
	background-image:url(/images/bg_whitetop.gif);
	width:1px;
	height:20px;
}

.monthbar-holder
{
	float:left;
	padding:0px 0px 0px 0px;
	-- margin:7px 0px 16px 0px;
	margin:16px 0px 7px 0px;
}
	
.monthbar-content
{
	float:left;
	background-color:#53995a;
	width:473px;
	height:20px;
}
	.monthbar-content p
	{
		font-family:Trebuchet MS;
		color:#ffffff;
		font-size:13px;
		line-height:12px;
		font-weight:bold;
		padding:4px 13px 0px 6px;
		--margin:0;
		margin:0px 0px 0px 0px;
	}
/* End monthbar */

.calendariecontent-holder
{
	float:left;
	width:475px;
	padding:5px 0px 3px 0px;
}
	.calendarie-left
	{
		float:left;
		width:235px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		--margin:0;
	}
	
	.calendarie-left p
	{
		padding:0px 12px 2px 0px;	
	}

	.calendarie-right
	{
		float:left;
		padding:0px 0px 0px 8px;
	}
	
	.calendarie-text p
	{
	  padding: 0; margin: 0;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 0px 0px;
	}
	
.graydivider
{
	float:left;
	width:475px;
	height:1px;
	border-top:1px solid #cacaca;
	margin:6px 0px 15px 0px;
}

.graydivider2
{
	float:left;
	width:475px;
	height:1px;
	border-top:1px solid #cacaca;
	margin:6px 0px 6px 0px;
}

/* button */	
.notification, .booked
{
	float:left;
	margin:11px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.booked
{
	border:1px solid #da0202;
	width:90px;
	height:17px;
}

	.booked p
	{
		font-family:Trebuchet MS;
		color:#da0202;
		font-size:12px;
		padding:3px 0px 0px 15px;
		margin:0px 0px 0px 0px;
	}
		

/***************************************
*
* Edit / Admin / Misc
*
***************************************/
.hidden 
{
	display: none;
}

.failed 
{
	background: mistyrose
}

.aedit{
	color: #0066b3;
	text-decoration:none;
	font-weight: bold;
	line-height: 20px;	
}

.edit-mode-only {
  border: 1px solid #55995a; 
 	background-color: #cbdfd6;
	--padding-top: 10px;
	paddning:10px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

.topBannerEditMode {
  width: 250px;
	height: 550px;
	border: 1px solid #55995a;
	background-color: #cbdfd6;
	--float: right;
	--margin: 0px 75px 0px 0px;
	position: absolute;
	top: 0px;
	left:1000px;
}

div.edit-puff-box-off { }

div.edit-puff-box-on { }

div.edit-puff-marker {
	display:	block;
	position:	absolute;
	height:		22px;
	width:		50px;
	overflow:	hidden;
}
div.edit-puff-inner-marker {
	position:	absolute;
	background:	#cbdfd6;
	display:	block;
	padding:	2px 8px 0px 8px;
	height:		18px;
	border:		1px solid #55995a;
}

div.edit-box-off { }

div.edit-box-on { }

div.edit-marker {
	display:	block;
	position:	absolute;
	height:		23px;
	overflow:	hidden;
}

div.edit-inner-marker {
	position:	absolute;
	background:	#cbdfd6;
	display:	block;
	/*
	padding:	2px 3px 0px 8px;
	*/
	height:		20px;
	border:		1px solid #55995a;
}
div.edit-inner-marker ul {
	list-style:	none;
	margin:0px 0px 0px 0px;
	--margin:		0;
	padding:0px 0px 0px 0px;
	--padding:	0;
}

div.edit-inner-marker li {
	float:		left;
	margin-left:	-1px;
	border-right:	1px solid #55995a;
	border-left:	1px solid #55995a;
	height:		20px;
}

li.edit {
	margin-left:	-4px;
	padding:4px 0px 4px 0px;
	font-weight: bold;
}

div.edit-inner-marker li:last-child {
	border-right:	none;
}
div.edit-inner-marker a 
{
	display:	block;
	padding:	3px 4px;
	font-size:	10px;
}

.edit-mode-course-listing 
{
  border: 1px solid #55995a;
	background-color: #cbdfd6;
	padding:2px 2px 2px 2px;
	--padding: 2px;
	margin:0px 0px 10px 0px;
	--margin-left: 9px;
	--margin-bottom: 10px;
}

.bar 
{
	background-color: #13631b;
}

.popup 
{
	padding:10px 10px 10px 10px;
	--padding: 10px; 
}

    
}
@media screen {

}
@media print {

		
/***************************************
*
* element styles
*
***************************************/

body	
{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#333333;
	margin:0;
	
	/*background-image:url(/images/bg_rightshadow.gif);
	background-repeat:repeat-y;	*/
}


div, form
{
	margin: 0px;
	padding: 0px;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

 .floatLeft
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.floatRight
{
	float: right;
	margin: 0px;
	padding: 0px;
}

/*images*/

img
{
	border:0;
}

.floatLeftImage
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}	

.c-puff .floatLeftImage
{
	position: absolute;
	right: 17%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	width: 15%;
}	

/* links */
/*
a 
{
	color: #0066b3;
	text-decoration: none;
}
*/

a:link, a:visited, a:hover 
{
	text-decoration: none; 
	cursor: default;
	color: #000000;
}

/* colors */
.claendar
{
	color: black;
}

.calendar-fullbokad
{ 
	color: red;
}

.white
{
	color:#ffffff;
}

.black
{
	color:#000000;
}



.darkGreen
{
	color:#13631b;
}

.red
{
	color:#b30000;	
}


/*test*/

.border
{
	border:1px solid;
}

/* img */
img.logotype
{
	float: left;
	margin-left:10px;
}

/* fonts */

h1,h2,h3
{
	margin:0;
	padding:0;
}

h1.header
{
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	margin:3px 0px 6px 0px;
	padding:0px;
}

h2.a-puff-header
{
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	margin:0;
	padding:0 0 6px 0;
}

h3.headpage-educationname
{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 6px 0;
}

h1.b-puff-header
{
	 font-size:30px;
	 line-height:36px;
	 font-weight:bold;
	 margin:0px 0px 6px 0px;
	 padding:0px;
}

h1.c-puff-header
{
	font-size:23px;
	line-height:26px;
	font-weight:bold;
	margin:0;
	padding:0;
	display: inline;
}

h2.c-puff-subheader
{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 5px;
}

h2.education-subheader
{
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	margin:0;
	padding:0 0 8px 0;
}

h3.education-subheader
{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 4px 0;
}

.ingress
{
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	padding:0 0 5px 0;
	
}

p
{
	font-size:12px;
	line-height:13px;
	margin:0 0 6px 0;
	padding:0 20px 0 0 ;
}

p.program-header
{
	font-size:13px;
	font-weight:bold;
}

/* basic - grid */

#envelope	
{ 
	/*width:986px;*/
}


.top
{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 240px;
}
	
.contentWrapper
/* container for all content */
{
	float:left;
	/*width:954px;
	background-image:url(/images/bg_content.gif);
	background-repeat:repeat-y;	*/
}
	.column-1
	{
		float:left;
		/*width:944px;*/
		width: 100%;
		padding:0 0 0 10px;
		margin-top: 60px;
	}

	.column-1-admin
	{
		display: none;
		float: left;
		/*width: 944px;*/
		padding: 0 0 0 0;
		margin: 0 0 0 10px;
		background-color: #CBDFD6;
		border: 1px solid #55995A;
		
	}
	
	.column-2
	{
		display: none;
		float:left;
		/*width:193px;*/
		padding:0 0 0 7px;
	}
	
	.ad-column
	{
	    display: none;
		float:left;
		/*width:259px;*/
		padding:0 0 0 0;
		margin:0;
	}
	
		.ad-container 
		{
			float:right;
			padding-bottom: 5px;
		}
	
		.ad-tag 
		{
			font-size:11px;
			font-weight:bold;
			margin-top:-3px;
			padding:0 0 7px 14px;
		}
	
		
	
.footer
/* container for footercontent */
{
	float:left;
	/*width:944px;*/
	width: 90%;
	height:35px;
	border-top:10px solid #53995a;
	margin:10px 0 30px 10px;
}
	.footer p
	{
		padding:3px 0 0 10px;
		margin:0;
		color:#696969;
	}

	
/* headpage */
/* A-puff */
.a-puff, .b-puff, .c-puff
{
	float:left;
	/*width:474px;*/
	width: 90%;
	border-bottom:1px solid #cacaca;
	padding:0 0 3px 0;
	margin:6px 0 15px 0;
}
	.a-puff-large-image
	{
		/*width:474px;*/
		width: 50%;
		padding:2px 0 2px 0;
	}
	
	.a-puff-leftcontent
	{
		float:left;
		/*width:300px;*/
		width: 75%;
	}
	
	.a-puff-leftcontent p
	{
		padding:0 5px 0 0;
	}

	
	.a-puff-rightcontent
	{
		float:right;
		width: 75%;
		/*width:154px;*/
		
	}
	
	.a-puff-rightcontent p
	{
		line-height:14px;
		padding:7px 0 0 0;
		margin:0px;
	}
	
	.a-puff-content
	{
		float:left;
	
	}

.b-puff
{
	padding:0 0 10px 0;
}
	.b-puff-content
	{
		float:left;
	}
	
	.b-puff-leftcontent, .b-puff-rightcontent
	{
		float:left;
		/*width:350px;*/
		width: 75%;
	}
	.b-puff-rightcontent
	{
		float:left;
	}
	
	.b-puff-leftimagecontent, .b-puff-rightimagecontent
	{
		float:left;
		/*width:120px;*/
		width: 15%;
	}
	
	.b-puff-rightimagecontent
	{
		float:left;
	}	

	img.b-puffimage
	{
		margin:10px 0 0 0;
	}
	
.c-puff
{
	border-bottom:none;
}

	.c-puff-leftcontent, .c-puff-rightcontent
	{
		float:left;
		/*width: 232px;*/
		width: 90%;
		display: block;
	}
	
	
	.c-puff-rightcontent
	{
		float:left;
		
	}
	
	.c-puff .puff-text
	{
    	width: 80%;
	}
	
	.c-puff-rightcontent p, .c-puff-leftcontent p
	{
		padding:0 5px 0 5px;
	}
	
	.c-puff-headerbox
	{
		height:20px;
	}
	
	
	
/*education page*/
.content-container
{
	/*width:475px;*/
	width: 90%;
}

	.content-image
	{
		float:left;
		/*width:475px;*/
		width: 100px;
		padding:5px 0 8px 0;
	}
	
	.content-holder
	{
		float:left;
		/*width:473px;*/
		width: 90%;
		padding:5px 0 10px 0;
	}
	
	.content-left, .content-right
	{
		float:left;
		width:350px;	
	}
	
	.content-right
	{
		float:right;
	}
	
	.content-leftimage, .content-rightimage
	{
		float:left;
		width:100px;
	}
	
	.content-rightimage
	{
		float:right;
	}
	
	.tools
	/*container for print and tip a friend */
	{
		float:left;
		padding:20px 0 20px 10px;
	}
	
		.print
		{
			margin:0 0 5px 0;
		}
		
		img.print, img.tip
		{
			float:left;
			padding:0 8px 0 0;
			margin:-1px 0 0 0;
		}

		img.tip
		{
			margin:3px 0 0 0;
		}

		.toolslink
		{
			font-size:11px;
			font-weight:normal;
			color:#333333;
		}

/* grahpical elements  */

/* specialaren */
.special-container
{
	position:relative;
	float:left;
	height:21px;
	margin:-3px 0 0 0;
	padding:0 0 0 7px;
}
	.special-first
	{
		float:left;
		background-image:url(/images/bg_special_left.gif);
		width:5px;
		height:21px;
	}
	
	.special-content
	{
		float:left;
		background-image:url(/images/bg_special_middle.gif);
		background-repeat:repeat-x;	
		height:21px;
	}
	.special-content p
	{
		color:#ffffff;
		font-size:12px;
		padding:4px 13px 0px 2px;
		margin:0;
	}
	
	.special-last
	{
		float:left;
		background-image:url(/images/bg_special_right.gif);
		width:5px;
		height:21px;
	}
	
/* yellowboxes  */

.boxtext
/*text in yellowboxes*/
{
	line-height:15px;
}

/*large box*/
.boxlarge-holder
{
	width: 475px;
	padding:12px 0 10px 0;
}

.boxlarge-top
{
	height: 7px;
	background: url(/images/bg_boxlarge_top2.gif)  no-repeat;
}

.boxlarge-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_boxlarge_content.gif) repeat-y;
}


.boxlarge-bottom
{
	height: 5px;
	background: url(/images/bg_boxlarge_bottom.gif) no-repeat;
	
}

/*medium boxes*/
.boxmedium-holder
{
	width: 301px;
	padding-bottom:5px;
}

.boxmedium-top
{
	height: 7px;
	background: url(/images/bg_boxmedium_top2.gif) no-repeat;
}

.boxmedium-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_boxmedium_content.gif) repeat-y;
}
.boxmedium-content p
{
	line-height:15px;
	padding:0;
	margin:0 0 5px 0;
}

.boxmedium-bottom
{
	height: 5px;
	background: url(/images/bg_boxmedium_bottom.gif) no-repeat;
	
}

/*small box */
.box-holder
{
	width: 232px;
}

.box-top
{
	height: 7px;
	background: url(/images/bg_box_top_test2.gif) no-repeat;
}

.box-content 
{	
	padding:3px 5px 8px 10px;
	background: url(/images/bg_box_content.gif) repeat-y;
}
.box-content p
{
	line-height:15px;
	padding:0;
	margin:0 0 2px 0;
	font-weight:bold;
}

.box-bottom
{
	height: 6px;
	background: url(/images/bg_box_bottom.gif) no-repeat;
	
}

/* vignettes */
.red-vignette, .green-vignette
{
	float:left;
	font-size:17px;
	color:#b30000;
	font-weight:normal;
	background-image:url(/images/bg_redRect.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	margin:-6px 0px 0px 0px;
	
}

.green-vignette
{	
	color:#13631b;
	background-image:url(/images/bg_greenRect.gif);
	background-position:0px 5px;
}


/* right menu */
.rightmenu-holder
{
	width: 177px;
	padding:0
}
.rightmenu-top
{
	height: 38px;
	background: url(/images/rightmenu_top.jpg) repeat-y;
}
.rightmenu-header
{
	font: bold 13px "Trebuchet MS";
	color: #fff;
	float: left;
	margin: 7px 0px 0px 8px;
}
.rightmenu-content
{
	padding: 0px 14px 1px 10px;
	background: url(/images/rightmenu_content.jpg) repeat-y;
}

.rightmenu-bottom
{
	height: 17px;
	background: url(/images/rightmenu_bottom.jpg) no-repeat;
}

.rightmenu, .rightmenu-last
{
	width:159px;
	border-bottom:1px solid #728774;
	padding:4px 0 4px 0;
}
.rightmenu-last
{
	border-bottom:none;
}

.rightmenulink, .rightmenulink-selected
{
	font-size:13px;
	line-height:17px;
	color:#000000;
}

.rightmenulink-selected
{
	color:#636363;
	font-weight:bold;
}


/*puffar*/

.puffContainer
/*startpage */
{
	margin:-14px 0px 0px 0px;
}

.puffHolder{
	/*width: 184px;*/
}
.pufftop{
	height: 40px;
	background: url(/images/graph/puff_top.jpg) repeat-y;
}
.puffheader
{
	font: bold 13px "Trebuchet MS";
	color: #fff;
	float: left;
	margin: 15px 0px 0px 8px;
}
.puffcontent{
	padding: 8px 14px 1px 12px;
	background: url(/images/graph/puff_content.jpg) repeat-y;
	font: normal 12px "Trebuchet MS";
	line-height:14px;
}

.puffcontent p
{
	font: normal 12px "Trebuchet MS";
	line-height:14px;
	padding:1px 0 3px 0;
}

.puffbottom{
	height: 12px;
	background: url(/images/graph/puff_bottom.jpg) no-repeat;
}
.pufficon{
	position:relative;	
	float: right;
	margin-right: 5px;
}
.puffcontent select{
	width: 100%;

}
.puffcontent a{
	
	text-decoration: none;
}

#pufflist
{
	position:relative;
	margin-left: -40px;
}

#pufflist ul
{
	margin-top:0;
}

#pufflist li
{
	list-style-type:none;
	display:block;
	padding:0 0 7px 0;
}

.inputText{
	width: 90px;
}

.premarktext
{
	color:#aaaaaa;
}

.submitBtn{
	width: 55px;
}

.puffSelect
{
	margin:0 0 7px 0;
}

.referenser
{
	padding:4px 0 6px 0;
}

.anmalan
{
	padding:6px 0 5px 25px;
}

.puffheadertext
{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

img.bottompadding
{
	padding:0px 0 4px 0;
}

img.padding
{
	padding:3px 0 4px 0;
}

.icoDown
{
	position:relative;
    top: 0;
    float: left;
}
.video-list
{
	float:left; 
	width: 135px;
	padding:0 0 7px 0;	
}

/* Start monthbar */
.monthbar-whitetop
{
	float:left;
	background-image:url(../images/bg_whitetop.gif);
	width:1px;
	height:20px;
}

.monthbar-holder
{
    width: 100%;
	clear: both;
	float:left;
	padding:0 0 0 0;
	margin:7px 0 16px 0;
}
	
.monthbar-content
{
	display: block;
	float:left;
	clear: both;
	background-color:#53995a;
	width:100%;
	height:20px;
}
	.monthbar-content p
	{
		color:#ffffff;
		font-size:13px;
		line-height:12px;
		font-weight:bold;
		padding:4px 13px 0px 6px;
		margin:0;
	}
	
.calendariecontent-holder
{ 
	float: left;
	clear: both;
	color: black;
}

.topBannerEditMode
{
	display: none;
}

.print
{
	display: none;
}

/* End monthbar */

/* References */

h1.references
{
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
}

.references-intro
{
	padding:0 10px 10px 0;
}
.references-intro p
{
	line-height:14px;
}

.referencescontent-holder
{
	float:left;
	width:90%x;
	padding:5px 0 3px 0;
}
	.references-left
	{
		float:left;
		width:300px;
		padding:0 0 0 0;
		margin:0;
	}
	
	.references-left p
	{
		padding:0 12px 2px 0;	
	}
	
	p.references
	{
		font-size:11px;
		font-weight:bold;
		line-height:20px;
	}

	.references-right
	{
		float:right;
	}

	.graydivider
{
	float:left;
	width:90%;
	height:1px;
	border-top:1px solid #cacaca;
	margin:6px 0 15px 0;
}
    
}
@media print {

}