/****** Main CSS stylesheet, governing the layout elements for the Morning CMS website
The CSS is currently segmented into three main files, and TRY(!!!) to keep it that way!!!
- layout.css - This layout specific CSS-stylesheet (widths, heights, float-properties, Z-indexes etc.)
- colors.css - Governing all colors for elements and type on the site
- fonts.css - Governing all font-styles and faces for the website

In addition you will find two other important stylesheets - Used when the used is avisiting the website, and when the user is logged in, such as to perform administration tasks (updates, page-creation, menu-edits etc.)

Credits: www.morning.dk
******/

*{margin:0;padding:0;border-collapse:collapse;}

/* General utility CSS classes */
.clear{clear:both;}
.top10spacer{height:10px;clear:both;}
.nobreak{clear:none;}
/*.paddedWidth{margin:20px 0 0 0;}*/
/** General utility CSS classes **/

html, body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

ul, ul li{list-style:none;}
body div#main, body div#footer{margin:0 auto;text-align:center;}
body div#main *{text-align:left;}
body div#footer *{text-align:right;}
div#shim{float:left;height:50%;margin-top:-300px;visibility:hidden;width:100%}


input.button{font-weight:900;background:#ffffff;padding:3px 2px;border:1px solid #999999}

.list{margin:0;padding:0;}
div.mainBox{height:380px;overflow:auto;width:100%;}
input.shortInput{width:20px;}
.subcurrent a{text-decoration:underline;}
.form-row{margin:10px 0;}
.form-row label{display:block;width:80px;float:left;}
.topspaced{padding-top:50px;}
.edit_slot{border:1px solid #222;background:#fff;}
#admin_navigator{padding:20px 0;}
#admin_navigator ul, #admin_navigator ul li{list-style-type:none;text-align:left;font-weight:900;}
.pad20left{margin-left:20px;}
/* Flash Image Gallery Admin Styles */
/*.marginright30{float:left;margin-right:30%;}*/
#flashEditorArea{margin:10px;clear:both;}
#thumbImagesGallery, .marginright30{float:left;}
#gallery_buttons_top{clear:both}
#thumbImagesGallery, .gallery_left, #galleryThumbs, #filesThumbs{width:500px;}
#description_box{margin:36px 0 0 30px;}
#description_box, #image_desc_container{width:150px;float:left;}
#image_desc{height:120px;width:199px;border:0;}
#image_desc_container{border:1px solid #000;height:120px;width:200px;}
#galleryThumbs, #filesThumbs{overflow-x:hidden;overflow-y:auto;height:250px;margin-bottom:5px;}
#filesThumbs{height:130px;}
#galleryThumbsList{margin:10px;}
#galleryThumbsList, #galleryThumbsList li{list-style-type:none;}
.slideContainer{height:200px;width:100px;margin-right:10px;clear:both}
#galleryThumbsList li{float:left;}
#slide_description{text-align:left;clear:both;}
.thumbimage{max-width:100px;max-height:120px;}
#slot_editor_buttons{margin:10px;border:solid 1px #000;background:#888;padding:6px;}
div#sidcontainer{display:none;}
.subnav{display:none;}
.subactive{display:block;}

/* Flash slideshow description CSS - For the textual descriptions that may accompany any single slide.  Additionally rules governing the related navigation between slides (previous and next, plus the counters)*/
#slide_description{width:263px;height:92px;text-align:center;padding-top:85px;}
#photodesc{margin:14px 0 0 0;width:220px;height:60px;text-align:left;overflow:hidden;clear:both;}
#slideshow_controls{width:263px;float:left;margin-right:4px;margin-top:16px;}
body div#main #photocounters{float:left;width:50px;text-align:center;}
#photocount{float:left;margin:4px 6px 0 0;height:16px;width:263px;text-align:left;}
.slidenav{display:block;float:left;}
/** Flash slideshow description CSS **/

/*#lightwindow_data_gallery_container a.navibutton{margin-top:4px;}*/

.hidden{display:none;}
.shown{display:block;}
.thumbnail img, img.thumbnail{width:130px;border:1px solid #ccc;margin:0 20px 20px 0;margin-left:0;}
/* Backend CSS*/
#login-form{margin:0 auto;text-align:center;}
#login-form *{margin:0;text-align:left;}

#newsbox #editor_content,#newsbox .edit_slot{width:184px;}
/* End of Backend CSS*/
/* Ilse Made specific CSS for layout, see also CSS for Fonts-styles and colors in fonts.css and colors.css */

	*{margin:0;padding:0;font-family:Georgia,"Times New Roman",Times;font-size:12px;}
	html, body{height:100%;}
	a{-moz-outline:0;}
	#main{width:970px;}
/*	#content h1,#content h2,#newsbox h2 a,.newsPage-col #content h3{font-weight:normal;color:#005893;}*/
	.date{color:#005893;}
	.date{font-family:Arial,Helvetica,sans-serif;font-size:10px;}
	#logotop{height:120px;clear:both;}

	#mainmenu{height:270px;background:url('/images/oen-baggrund.png') no-repeat;}
	/* Menu-styles */
	#leftcol{width:263px;float:left;}
	ul.site_navigation{margin-left:-15px;}
	html>/**/body ul.site_navigation, #leftcol ul li{list-style:none;margin-left:0;}
	#leftcol ul li{clear:both;}
	#leftcol ul li a, #leftcol #under-menu-page{display:block;padding:0 11px 0 8px;text-decoration:none;}
	#leftcol ul li:hover a,#leftcol ul li a:hover{font-weight:900;}
	/** Menu-styles **/
	
	/* Page footer-styles */
	#main_footer_spacer{height:9px;width:100%;clear:both;border-bottom:1px solid #fff;}
	body div#footer{text-align:right;width:970px;height:50px;clear:both;}
	#footer div{float:right;}
	#footer *{padding-top:10px;}
	#footer #footer_box_left,#footer #footer_box_right{width:250px;margin-left:25px;}
	#footer #footer_box_center{width:280px;margin:0 35px 0 60px;}
	#footer .label{text-transform:uppercase;float:left;margin-right:25px;}
	#footer .footer_field{float:left;}
/*	#footer.flashpage_footer{position:relative;top:0px;left:0;}*/
	/** Page footer-styles **/
	
	/* Page-specific styles */
	#page{float:left;width:700px;}
	#page-leftcol,#page-rightcol, #page.Nyheder{padding-top:8px;}
	#page #content, #page.Home #content .editable_slot, #page.Home #content .editable_slot #edit_slot1{font-size:14px;float:left;width:700px;}
	#page #content.fullwidth{margin:0;width:100%;}
	#flashpage-col-left{width:263px;margin-right:45px;float:left;}
	#flashpage-col-right{width:600px;height:450px;float:left;}
	.blogItemRow{margin:30px 0 12px 0;border-bottom:1px solid #eceaec;clear:both;}
	.newsPage-leftcol{width:600px;float:left;}
	.newsPage-rightcol{width:300px;float:left;}
	/** Page-specific styles **/	
	
	/* Frontpage-styles */
 	#newsbox{float:left;width:206px;border:1px solid #ccc;}
	#newsbox #inner{margin:12px;}
	#newsbox #inner img{max-width:182px;}
	div.news_items div.news_item{padding-bottom:15px;}
	/** Newsbox-styles **/
	
	/* News-page styles */
	.blogBottomBorder{height:20px;margin-bottom:20px;clear:both;border-bottom:1px solid #69686F}
	/* Contact-page styles */
	#contactpage-leftcol{width:350px;float:left;}
	#contactpage-rightcol{width:335px;float:left;margin-left:15px;}
	form{width:100%;}
	.contactForm{margin-top:10px;}
	.leftpos50{margin-left:50px;}
	.mail_field_label{display:block;float:left;width:50px;}
	.mail_textarea_label{width:100%;clear:both;}
	.mail_field{width:182px;}
	.mail_textarea{width:186px;height:160px;background:#fff;border:1px solid #999;}
	/** Contact-page styles **/
/*** END of Ilse Made specific CSS ***/
.floatsAboveAll{position:absolute;top:20%;left:50px;width:750px;}
div.editable_slot.flashNoBorder, div.editable_slot:hover.flashNoBorder{border:none;}
.newsboxBackend{clear:both;margin-top:30px;}
.image_thumb{width:100px;margin-right:10px;}
.selectedImage{border:2px solid #aaa;}
.flashContent{height:465px;width:702px;}
#page-leftcol p{display:block;clear:both}
#page-leftcol div.nobreak p{clear:none;}

/* CSS for iframes onpage */
.iframe_ophold{ background-color: #fff; width:600px; height:465px; }
ul.horizontallist{width:100%;}
ul.horizontallist, ul.horizontallist li{list-style:none;}
ul.horizontallist li{float:left;margin:0 40px 0 0;}
/** CSS for iframes onpage **/

/* CSS for frontend-admin views */
#page .edit_slot label{color:#000;font-weight:900;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}
/** CSS for frontend-admin views **/