/*	Project:	Condis c/o CustomPublish AS			Color Swatches:
	Author:		Paul Castle (paul@mindresin.co.uk)
	Revision:	03 - 11 - 2009					[ #70BC04 ] - Lime
									[ #6B6D68 ] - Gunmetal
	Notes:								[ #FF8900 ] - Sunburn
	Text editor tabsize = 8 spaces.
	Section 07 (Browser Fixes) Relies on jquery.browserdetect.js
	Keep fixed styles at the end to guarantee overrides.

	Table Of Contents:

	@MEDIA SCREEN, TV, PROJECTION
		Initial Browser Settings				01.
		Styling Utilities					02.
		Template Layout & Element Structure			03.
			|_ Layout & Positioning				03.a
			|_ Navigation					03.b
				|_ Top Nav				03.b.1
				|_ Side Nav				03.b.2
				|_ Other Nav				03.b.3	
			|_ Sidebar Elements				03.c
			|_ Company Logotype				03.d
			|_ Adminbar & Page tools			03.e
			|_ Search Forms					03.f
			|_ Banner Locations				03.g
			|_ Pagelogo & Page Description			03.h
		Article List/View Styling				04.
			|_ Article List					04.a
			|_ Article View					04.b
			|_ Forum					04.c
		Typography						05
		Functionality & Features				06.
			|_ Calendar Style				06.a
			|_ Sitemap Style				06.b
			|_ Tag Cloud					06.c
		Browser Specific Fixes					07
	@MEDIA PRINT
	@MEDIA HANDHELD
*/


/**  @MEDIA - SCREEN,TV,PROJECTION Stylesheet **/
@media screen,tv,projection {
/**
	01.	Initial Browser Settings
**/
body							{ height: 100%; margin: 0; padding: 0; text-align: center; background: #6B6B6B url(/getfile.php/1038847.1577.fvrbdvdtyt/background.jpg) top center no-repeat; }
table							{ border-collapse: collapse; border-spacing: 0; }
fieldset,img						{ border: 0; }
a:link, a:visited					{ text-decoration: none; }
a:hover, a:focus					{ text-decoration: underline; }
/**
	02.	Styling Utilities
**/
.clear, .clearfix					{ clear: both; }
.hidden, .hide						{ visibility: hidden; }
.norender						{ display: none; }
.left							{ float: left; }
.right 							{ float: right; }
.rounded5 						{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rounded10 						{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.list_reset						{ margin: 0; padding: 0; list-style: none; }
hr							{ clear: both; }
/**
*	03.	Template Layout & Element Structure
*
*		03.a	Layout & Positioning
**/
#page	 						{ width: 1036px; margin: 0 auto; text-align: left; }
.layout_shadow_l					{ background: transparent url(/getfile.php/1038853.1577.dyrctxbxcy/shadow_left.png) left 120px no-repeat; _background: none; }
.layout_shadow_r					{ background: transparent url(/getfile.php/1038854.1577.wabvctafbc/shadow_right.png) right 120px no-repeat; _background: none; }
.onionskin_padding 					{ padding: 55px 38px; }
#content						{ background: #F0F0F0 url(/getfile.php/1038851.1577.savtvcpawc/page_background.jpg) top center no-repeat; min-height: 800px; height: auto !important; height: 800px; }
	#header						{ position: relative; height: 36px; background: #62CA04 url(/getfile.php/1038846.1577.aqrsdprcvr/topnav_62CA04.jpg) top left repeat-x; border-bottom: 2px solid #428900; }
	#sidebar					{ position: relative; width: 243px; margin: 0 0 0 15px; float: left; display: inline; }
	#main						{ position: relative; width: 675px; margin: 15px 15px 15px 0; float: right; display: inline; font-size: 12px; }
#footer							{ position: relative; clear: both; background: #000; padding: 5px 0; text-align: center; border-top: 3px solid #62CA04; font-size: 12px; }
/**
*		03.b	Navigation
*
*		03.b.1	Top Navigation
**/
ul#topnav						{ position: absolute; left: 320px; top: 5px; margin: 0; padding: 0; list-style-type: none; }
ul#topnav li						{ float: left; }
ul#topnav li a						{ display: block; font: normal bold 14px Arial, Tahoma, sans-serif; color: #FFF; display: block; padding: 6px 10px; margin: 0 5px;
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul#topnav li a.itemselected				{ background-color: #428900; }
ul#topnav li a:hover, ul#topnav li a:focus		{ color: #FFF; background-color: #9DDE06; }
/**
*		03.b.2	Side Navigation
**/
ul#sidenav						{ margin: 0; padding: 10px 0; list-style-type: none; }
ul#sidenav li						{  }
ul#sidenav li a						{ font: normal bold 14px Arial, Tahoma, sans-serif; color: #FFF; font-weight: bold; display: block; padding: 2px 0; text-indent: 10px; margin: 4px 0;
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul#sidenav li a:hover, ul#sidenav li a:focus		{ background-color: #4FA300; }
ul#sidenav li a.itemselected				{ background-color: #428900; }
ul#sidenav li ul.submenu				{ padding-left: 20px; color: #428900; }
ul#sidenav li ul.submenu li a				{ font-size: 12px; }
/**
*		03.b.3	Footer Navigation
**/
ul#footernav						{ clear: left; float: left; list-style: none; margin: 5px 0; padding: 0; position:relative; left: 50%; text-align: center; font-size: 11px; }
ul#footernav li						{ display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
ul#footernav li a					{ display: block; margin: 0 0 0 1px; padding: 0px 10px; color: #FFF; text-decoration: none; line-height: 1.3em; border-right: 1px solid #FFF; }
ul#footernav li a.lastitem 				{ border: 0; }
ul#footernav li a:hover, ul#sidenav li a:focus		{ color: #FF8900; }
ul#footernav li ul.submenu				{ padding-left: 20px; color: #428900; }
ul#footernav li ul.submenu li a				{ font-size: 12px; }
/**
*		03.c	Sidebar Elements
**/
.sidebar_item_first					{ padding: 0px 0px 0px 0px;
							background: #70BC04 url(/getfile.php/1038855.1577.vawubcxfdb/side_item_decorated.jpg) top left no-repeat;
							min-height: 160px; height: auto !important; height: 160px; }
.sidebar_item						{ margin: 15px 0; padding: 5px 15px; background: #70BC04; }
.box { padding: 15px 15px 5px 15px; }

#underbar { margin-left: 15px; margin-bottom: 15px; }
#underbar div.box { width: 270px; float: left; background-color: #C1D72E; }
.box.col0, .box.col1 { margin-right: 15px ; }

/**
*		03.d	Company Logotype
**/
a#logotype						{ display: block; width: 384px; height: 88px; text-indent: -999em;
							position: absolute; top: -30px; left: -60px; z-index: 100;
							background: transparent url(/getfile.php/1038849.1577.uayfewwfyr/logotype.pngg) center center no-repeat;
							_background-image: url(/getfile.php/1038850.1577.fbvyytweae/logotype_ie.gif); }
a.easylife						{ display: block; width: 188px; height: 69px; text-indent: -999em; 
							position: absolute; right: 0; top: -70px;
							background: transparent url(/getfile.php/1038848.1577.euavpwwbrf/easylife_ie.gif) center center no-repeat; }
/**
*		03.e	Adminbar & Page Tools
**/
#tools							{ list-style-type: none; }
#tools li						{ background-position: center left; background-repeat: no-repeat; }
#tools li#tips						{  }
#tools li#printable					{  }
/**
*		03.f	Search Forms
**/
#searchform						{ position: absolute; bottom: 30px; right: 20px; width: 200px; height: 20px; }
#searchform .searchinput				{ width: 129px; padding: 2px; margin: 0; border: 0; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#searchform .searchinput:focus				{ background: #EDECCD; }
#searchform .searchsubmit				{ background: #EDECCD; border: 1px solid #E7D559; color: #503E1A; font-weight: bold; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#searchform .searchsubmit:hover,
#searchform .searchsubmit:focus				{ background: #E7D559; }
/**
*		03.g	Banner Locations
**/
.bannerlocation						{ clear: both; text-align: center; }
.bannerlocation img					{ border-width: 0px; }
#bannerlocation2		{ text-align: center; width: 702px; height: 223px; float: left;: }
#sidebar #bannerlocation3 a:link { color: #70BC04; }
#sidebar #bannerlocation3 a:visited { color: #70BC04; }
#sidebar #bannerlocation3 a:hover { color: #70BC04; }
/**
*		03.h	Page Logo & Page Description
**/
#pagelogo						{ position: relative; width: 702px; /*height: 299px;*/  margin: 0 0 10px; overflow: hidden; float: left; display: hidden; }
#pagelogo img						{ /*position: absolute; top: 0; right: 0;*/ border: 0; padding: 0; margin: 0; }
#pagelogo a.sticker					{ position: absolute; right: 20px; bottom: 10px; display: block; width: 170px; height: 170px; text-indent: -999em;
							background: transparent url(/getfile.php/1038856.1577.ffdtbuuddu/sticker.png) center center no-repeat; _background-image: url(/getfile.php/1038857.1577.erfwwetvyr/sticker_ie.gif); }
#pagelogo a.sticker:hover, #pagelogo a.sticker:focus	{ opacity: 0.8; }
/**
*	04.	Article Listing & View Styling
**/
.author							{ font-size: 10px; color: #333; }
.basic							{  }
.block, .articleblock			{ margin-bottom: 15px; }
.byline							{ margin: 0px; padding: 0px; }
.copyright						{ display: block; margin: 10px; font-size: 11px; color: #FFF; text-align: center; }
.copyright a						{ color: #FFF; text-decoration: none; }
.copyright a:hover, .copyright a:focus			{ color: #FF8900; text-decoration: underline; }
p.custompublish						{ font-size: 11px; color: #999; }
p.custompublish a					{ font-size: 11px; color: #62CA04; }
p.custompublish a:hover, p.custompublish a:focus	{ text-decoration: underline; }
.date							{ font-size: 9px; color: #333; }
.feedback						{ font-size: 10px; color: #333; }
.headline			 			{  }
.headlineview				 		{  }
.ingress						{  }
.ingressview						{  }
.link 							{  }
#pagedescription					{  }
.subheadline				 		{  }
.email 		{ padding: 4px 0px; }
/**
*	05.	Typography
**/
body 							{ font-size: 100%; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 					{ font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; }
h1 							{ font-size: 22px; line-height: 1; margin: 0 0 15px 0; color: #71772D; font-weight: bold; }
h2 							{ font-size: 16px; color: #71772D; margin: 15px 0 4px 0; padding: 0; }
#sidebar h2		{ color: #000000; }
h3 							{ font-size: 14px; line-height: 1; margin-bottom: 1em; }
#sidebar h3.caption		{ color: #FFFFFF; margin: 5px 0px; padding: 0px; text-align: center; }
h4 							{ font-size: 12px; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;}
h5 							{ font-size: 10px; font-weight: bold; margin-bottom: 1.5em;}
h6 							{ font-size: 8px; font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img 		{ margin: 0;}
p							{ margin: 0 0 15px;}
p img							{ float: left; margin: 15px 15px 15px 0; }
p img.right 						{ float: right; margin: 15px 0 15px 15px; }
a							{ color: #71772D; }
a:focus, a:hover					{ color: #FF8900; }
blockquote 						{ margin: 15px; color: #666; font-style: italic; }
pre, code						{ margin: 15px 0; white-space: pre;}
pre, code, tt						{ font: 1em 'andale mono', 'lucida console', Fixedsys, monospace; line-height: 1.5; }
.highlight						{ background: #ff0; }

#sidebar a:link { color: #FFFFFF; }
#sidebar a:visited { color: #FFFFFF; }
#sidebar a:hover { color: #FFFFFF; }

#cpadminmenu0 a:link { color: #000000; }
#cpadminmenu0 a:visited { color: #000000; }
#cpadminmenu0 a:hover { color: #000000; }

/**
*	06.	Funcitonality & Features
*
*		06.a	Calendar
**/
.calender						{ padding: 5px; }
.calender .calmonthname					{ background: #E1E9F9; padding: 3px; border: 1px solid #BDD0EC; }
.calender .caldayname					{ background: #fff; }
.calender table						{ margin: 5px auto; padding: 0;  }
.calender .cell						{ margin-top: 10px; }
.calender th						{ background: #fff; border: 1px solid #BDD0EC; }
.calender td						{ background: #E1E9F9; border: 1px solid #BDD0EC; }
.calender .caltoday					{ font-weight: bold; background: #214388; color: #fff; }
.calender .caldayhasevent				{ font-weight: bold; text-decoration: underline; }
.calsaturday, .calsunday				{ cursor: pointer; color: #999; }
.icalendardayhead 					{ background-color: #ffedc1; color: #6B6B69; }
.monthlycalendartable 					{ width: 100%;}
.calendardate						{ color: #333; font-size: 85%; }
/**
*		06.b	Sitemap
**/
#sitetree						{  }
a.sitetree:link						{  }
a.sitetree:visited					{  }
a.sitetree:hover, a.sitetree:focus			{  }
/**
*	07.	Browser Specific Fixes
**/
.browserIE						{  }
	.browserIE6					{  }
	.browserIE7					{  }
	.browserIE8					{  }
.browserFF						{  }
.browserSafari						{  }
.browserOpera						{  }
}
/**  @MEDIA - PRINT Stylesheet **/
@media print {
body 							{ line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
							color: #000; background: none; font-size: 10pt; }
hr 							{ background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none;}
h1, h2, h3, h4, h5, h6 					{ font-family: "Myriad Pro", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; }
code 							{ font: .9em "Courier New", Monaco, Courier, monospace; }
img 							{ float: left; margin: 1.5em 1.5em 1.5em 0; }
a img 							{ border: none; }
blockquote 						{ margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }
.small 							{ font-size: .9em; }
.large 							{ font-size: 1.1em; }
.quiet 							{ color: #999; }
.hide 							{ display: none; }
a:link, a:visited 					{ background: transparent; font-weight: 700; text-decoration: underline; }
a:link:after, a:visited:after 				{ content:" (" attr(href) ") "; font-size:90%; }
}
/**  @MEDIA - HANDHELD Stylesheet **/



/* SECTION: Kalender */

#calendar { 
	font-size: 0.9em;
}
#calendar h3 { 
  font-size: 1.0em;
}
.box h3 { 
  margin-left: 6px;
}
#calendar a { 
  padding-left: 1px;
}
#calendar ul { margin: 0px; padding: 0px; }
#calendar ul li { list-style-type: none; margin: 0px; padding: 0px; }

.listall { text-align: center; margin: 10px 0px; }

div.monthlycalendar { 
  padding: 6px 10px 6px 10px;
}
div.monthlycalendar table { 
  border-collapse: collapse;
}
div.monthlycalendar th, th.caldayname { 
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  color: #666666;
  font-weight: bold;
}
div.monthlycalendar td, td.calday, td.calsaturday, td.caltoday, td.calsunday, td.caldayhasevent { 
  border: 1px solid #D9D9D9;
  background-color: #EBEDE2;
  color: #666666;
  font-weight: normal;
}
div.monthlycalendar td.caldayhasevent  { 
  background-color: #F5F5F5;
	cursor: help;
	color: black;
}
div.monthlycalendar td:first-child, td.calday:first-child { 
  background-color: #F5F5F5;
  color: #666666;
}
div.monthlycalendar td.caltoday, td.caltoday { 
  background-color: #8F8F98;
  color: #FFFFFF;
  font-weight: bold;  
}
div.monthlycalendar td.calsunday, td.calsunday { 
  background-color: #F1F1F1;
  color: #F69726;
}

div.monthlycalendar td.calmonthname { 
  padding-left: 3px;

}

/* timeplan */

table.timeplan td {
text-align: center;
}
table.timeplan div {
text-align: left;
}
.brown {
color: #6d4b3b;
}
.blue {
color: #0033ff;
}
.limegreen {
color: #99cc00;
}
.purple {
color: #68329d;
}
.orange {
color: #ff9900;
}
.black {
color: #000;
}
.clearfix { clear: both; font-size: 1px; height: 0px; }