/**
 * Cascading style sheet for the componio webiste.
 * Authors: Fabian Huschka - fabian.huschka[AT]componio.net
 * Revision: 1.0
 * Media: Print
 */


/******************************************************************************
	Standard element inheritance
******************************************************************************/

body 
{
	color: black;
    	font-family: arial, sans-serif;
	font-size: 9pt;	
	margin: 0 auto;
	text-align: center;
	min-width: 780px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbgcomp.gif') no-repeat bottom right white;	
}

table
{
	color: black;
	font-size: 9pt;	
	margin: 0;
}

img
{
	border: 0;
}

textarea
{
	font-size: 8pt;
	background: #E5EDD3;
	border-top: solid 2px #88A826;
	border-left: solid 2px #88A826;	
	border-bottom: solid 1px #BBD18D;
	border-right: solid 1px #BBD18D;
	margin: 0px 0px 0px 5px;
	color: #4E6E0E;
}


select
{
	font-size: 8pt;
	background: #E5EDD3;
	border-top: solid 2px #88A826;
	border-left: solid 2px #88A826;	
	border-bottom: solid 1px #BBD18D;
	border-right: solid 1px #BBD18D;
	margin: 0px 0px 0px 5px;
	color: #4E6E0E;
}

radio
{
	background: #E5EDD3;
	color: #4E6E0E;
	border: none;
}

input
{
	font-size: 8pt;
	background: #E5EDD3;
	border-top: solid 2px #88A826;
	border-left: solid 2px #88A826;	
	border-bottom: solid 1px #BBD18D;
	border-right: solid 1px #BBD18D;
	margin: 0px 0px 0px 5px;
	color: #4E6E0E;
}

a:link,a:active,a:visited
{
	font-size: 10pt;	
	color :  #EF9B22;
	text-decoration : none;
	background-color : transparent;
	

}

a:hover 
{
	color: #ffb32a;
} 

p
{
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 24pt;
	padding: 0px 0px 14px 0px;
	margin: 0;
	border: 0;
}

h2
{
	font-size: 10pt;
	margin: 31px 0px 9px 0px;
}

/******************************************************************************
	General layout definitions
******************************************************************************/

#content
{
	color: black;
	margin: 0 auto;
}

#articles
{
	width: 100%;
}

#articlesspace
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

#sidebar
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

div.contentbody
{
	width: 70%;
	float: left;
}

div.border-left
{
	height: 100%; 
	margin:0px; 
	border-left: 2px 
	solid #ffffff;
}

div.border-left-green
{
	border: none;
}

div.topicitem
{
	float: left; 
	width: 50%;
}


#indexbar
{
	position: absolute;
	top: 0;
	visibility: hidden;
}


#indexcwrapper
{
	
}

/******************************************************************************
	Header definitions
******************************************************************************/

#header
{
	background: white;
	text-align: left;
	width: 100%;
}

#header_left
{
	float: left;
}

#header_right
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

/******************************************************************************
	Company logo definitions
******************************************************************************/

#symbol
{
	float: left;
	padding: 16px 22px 16px 39px;
}

#logo
{
	padding: 22px 0px 0px 0px;
}

/******************************************************************************
	Level one menu definitions
******************************************************************************/

#l1menu
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

ol.l1menu
{
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l1menu
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l1menuselected
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;	
}

li.l1menuempty
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l1menu a:link,li.l1menu a:active,li.l1menu a:visited, li.l1menu a:hover
{
	font-size: 9pt;	
	color :  white;
	text-decoration : none;
	background-color : transparent;
}

li.l1menuselected a:link,li.l1menuselected a:active,li.l1menuselected a:visited, li.l1menuselected a:hover
{
	font-size: 9pt;	
	color :  #985117;
	text-decoration : none;
	background-color : transparent;
}

/******************************************************************************
	Level two menu definitions
******************************************************************************/

#l2menu
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

ol.l2menu
{
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l2menu
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l2menuselected
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

li.l2menuempty
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#l2menu a:link, #l2menu a:visited
{
	text-decoration: none;
	color: 	#577619;
}

li.l2menu a:link,li.l2menu a:active,li.l2menu a:visited, li.l2menu a:hover
{
	font-size: 8pt;	
	color :  inherit;
	text-decoration : none;
	background-color : transparent;
}

li.l2menuselected a:link,li.l2menuselected a:active,li.l2menuselected a:visited, li.l2menuselected a:hover
{
	font-size: 8pt;	
	color :  inherit;
	text-decoration : none;
	background-color : transparent;
}

/******************************************************************************
	Level three menu definitions
******************************************************************************/

h3.l3
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

ul.l3
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

ul.l3 li
{
	padding: 0px;
	margin: 0px;
	height: 0px;
}

ul.l3 li.l3selected
{
	padding: 0px;
	margin: 0px;
	height: 0px;
}

ul.l3 li.l3:hover 
{
	padding: 0px;
	margin: 0px;
	height: 0px;
}

ul.l3 li a:link, ul.l3 li a:active, ul.l3 li a:visited 
{
	padding: 0px;
	margin: 0px;
	height: 0px;
}

/******************************************************************************
	Micro site definitions
******************************************************************************/

#micromenu
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

h1.microheader
{
	color: #4E6E0E;
	padding: 5px 0px 5px 10px;
	font-size: 8pt;
	margin: 0;
	border-bottom: solid 1px #95B24C;				
}

ul.micromenu
{
	padding: 0;
	margin:0;
	list-style: none;	
}

ul.micromenu li
{
	padding: 2px 2px 2px 10px;
	margin: 0;
	list-style: none;	
	color: #7BAC1F;	
}

ul.micromenu li:hover, ul.micromenu li.microselected
{
	background:  #ffb32a;
	color: #985117;	
	cursor: pointer;
}

#microteasercol
{
	background: #808080; 
	height: 250px;
	width: 100%;
	line-height: 1.2;
	position: relative;
}

ul.micromenu li a:link, ul.micromenu li a:active, ul.micromenu li a:visited, ul.micromenu li a:hover
{
	font-size: 8pt;
	color :  inherit;
	text-decoration : none;
	background-color : transparent;	
}

/******************************************************************************
	Breadcrumb definitions
******************************************************************************/

#breadcrumbs
{
	clear: both;
	visibility: hidden;
	position: absolute;
	top: 0;
}

a.breadcrumb:link,a.breadcrumb:active,a.breadcrumb:visited,a.breadcrumb:hover
{
	color: #7CA725;
	text-align: left;	
	font-size: 7pt;
}

/******************************************************************************
	Content detail definitions (print, comment, send)
******************************************************************************/

ul.contentdetail
{
	padding: 0;
	margin: 0px 18px 0px 0px;
}

li.contentdetail
{
	float: right;
	font-size: 7pt;
	padding: 2px 1% 2px 0px;
	margin-right: 2px;
	list-style: none;	
	color: white;
}


img.contentdetail
{
	margin-right: 0.5em;
	vertical-align : middle;
	border: 0;
}

li.contentdetail a:link, li.contentdetail a:active, li.contentdetail a:visited, li.contentdetail a:hover
{
	font-size: 7pt;
	color: white;
}

p.contentdetail
{
	color: white;
	font-size: 7pt;
	margin-right: 20px;
	margin-bottom: 2px;
	text-align: right;
	padding: 0px;
}

/******************************************************************************
	News definitions
******************************************************************************/
#news 
{
	position: absolute;
	visibility: hidden;
	top: 0;
}

h1.newsheader
{
	color: #4E6E0E;
	padding: 5px 0px 5px 10px;
	font-size: 8pt;
	margin: 0;
	border-bottom: solid 1px #95B24C;				
}

h2.newsdate
{
	background: #E5EDD3;
	color: #4E6E0E;
	padding-left: 10px;		
	margin: 0;	
	border-bottom: solid 1px #95B24C;
	border-left: solid 1px white;
	border-top: solid 1px white;
	font-size: 8pt;
	margin-right: 1px;
	font-weight: normal;
}

div.newscontent
{
	padding: 5px 5px 15px 10px;	
	margin: 0;
	font-size: 8pt;	
	border-bottom: solid 1px #95B24C;		
	color: #7CA725;
}

img.next
{
	margin-left: 5px;
	vertical-align: middle;	
}

a.newscontent:link,a.newscontent:active,a.newscontent:visited,a.newscontent:hover
{
	font-size: 8pt;	
	color: #7CA725;
	text-decoration : none;
	background-color : transparent;	
}

h2.newsyear
{
	color: #EF9B22;
	margin: 20px 0px 20px 0px;	
	border-bottom: 1px solid #EF9B22;
	font-size: 11pt;
	font-weight: bold;
}

h2.newsmonth
{
	color: #EF9B22;
	margin: 10px 0px 10px 0px;	
	font-size: 10pt;
	font-weight: normal;
}


h3.newsheadline
{
	color: black;
	margin: 5px 0px 5px 0px;	
	font-size: 9pt;
	font-weight: normal;
}

h3.newsheadline a:link, h3.newsheadline a:active,h3.newsheadline a:visited, h3.newsheadline a:hover
{
	color: #88A826;
	text-decoration : none;
	background-color : transparent;	
}


p.newsexcerpt a:link, p.newsexcerpt a:active,p.newsexcerpt a:visited, p.newsexcerpt a:hover
{
	color: black;
	text-decoration : none;
}


li.news
{
	color: #88A826;	
}


p.newsexcerpt
{

}


p.newscreated
{
	text-align: right;
	color: #aaaaaa;
}

/******************************************************************************
	Tour definitions
******************************************************************************/

div.tour
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

div.tourselected
{
	float: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


div.tourbar
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

img.tourleft
{
	float: left; 
	height: 0px;
	margin: 0px;
	padding: 0px;
}

img.tourright
{
	float: right; 
	height: 0px;
	margin: 0px;
	padding: 0px;
}

div.tour a:link,div.tour a:active,div.tour a:visited, div.tour a:hover
{
	display:block;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

div.tourselected a:link,div.tourselected a:active,div.tourselected a:visited, div.tourselected a:hover
{
	display:block;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/******************************************************************************
	Revised definitions
******************************************************************************/

#revised
{
	color: black;
	margin: 2px 33px 2px 0px;
	text-align:right;
	font-size: 7pt;
}

/******************************************************************************
	Level zero definitions
******************************************************************************/

img.misc
{
	margin: 0px 10px 0px 0px;	
}

p.misc
{
	margin: 0px 25px 0px 0px;
}

/******************************************************************************
	Search definitions
******************************************************************************/

#search
{
	margin: 20px 33px 10px 0px;
	font-size: 8pt;
	color: #88A826;
}

#search input
{
	font-size: 8pt;
	background: #E5EDD3;
	border-top: solid 2px #88A826;
	border-left: solid 2px #88A826;	
	border-bottom: solid 1px #BBD18D;
	border-right: solid 1px #BBD18D;
	margin: 0px 0px 0px 5px;
	color: #4E6E0E;
}

/******************************************************************************
	Index page definitions
******************************************************************************/

#imageteasercol
{
	height: 250px;
	width: 100%;
	line-height: 1.2;
	position: relative;
}

div.box1
{
	position: relative;
	width: 100%;
	margin-bottom: 1%;
	float: left;		
	background: transparent;
}

div.box2
{
	position: relative;
	width: 49.9%;
	margin-bottom: 2%;
	float: left;		
	z-index: 10;
}

div.box3
{
	position: relative;
	width: 33.3%;
	float: left;		
	z-index:3;
	padding: 0;
	margin: 0;
}

div.teaserbox
{
	padding: 10px 21px 40px 21px;
	margin: 0% 0.5% 0% 0.5%;
}

h1.teaser
{
	font-size: 25px;
	color: white;
	float: right;
	padding: 180px 32px 0px 0px;	
	margin: 0;
	z-index: 2;
}

h1.box
{
	padding: 5px 21px 5px 21px;	
	margin: 0% 0.5% 0% 0.5%;
	font-size: 10pt;
	color: #EF9B22;
	background: white;	
}

/******************************************************************************
	Information pane (right side of article page)
******************************************************************************/

div.information
{
	width: 29%;
	float: left;
	background-color : transparent;
}

/******************************************************************************
	Content pane (left side of article page)
******************************************************************************/

#contentteasercol
{
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/indexteaser4.jpg') no-repeat #010100; 
 	height: 125px;
	width: 100%;
	position: relative;
	margin:0;
	padding:0;
}

div.box
{
	clear: both;
	padding: 26px 29px 10px 31px; 
	margin: 0% 8px 0% 8px;
}

div.boxnew
{
	clear: both;
	margin: 0% 8px 0% 8px;
	background-color : transparent;
}

div.componiobg
{
	padding: 26px 29px 10px 31px; 
}


#contentspace
{
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	width: 100%;
}

div.contentheader
{
	margin:0; 
	padding:0; 
	border-bottom: 1px solid #BBD18D; 
	width: 100%;	
	margin: 0px 0px 14px 0px; 
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/headlineheader.jpg') no-repeat center left transparent;
}

div.contentcont
{
	margin-left: 0px;
}

h1.contentheader
{
	font-size: 19pt;
	margin: 0;
	font-weight: normal;
	padding: 0px 0px 0px 79px;
}

h1.contentteaser
{
	font-size: 25px;
	color: white;
	float: right;
	padding: 70px 32px 0px 0px;
	margin:0;
}

/******************************************************************************
	Overview page definitions
******************************************************************************/

div.overview-header-wrapper
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color : transparent;
}

div.overview-header-left
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

div.overview-header-right
{
	visibility: hidden;	
	position: absolute;
	top: 0;
}

div.overview-content-wrapper
{
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.overview-image-wrapper
{
	float:left;
	width: 30%;
	padding-top: 15px; 
	text-align: center;
}

div.overview-description-wrapper
{
	float:left; 
	width: 63%; 
	padding: 15px; 
	margin-left: 2px; 
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_center_repeat.gif') repeat-y;
}

div.overview-description-wrapper h2
{
	font-size: 10pt;
	margin: 9px 0px 9px 0px;
}


div.overview-cl1
{
}


div.overview-cr1
{
}


div.overview-cl2
{
}

div.overview-cr2
{
}

p.clear
{
	padding: 0; 
	margin: 0; 
	height: 1px;
	clear:both;
}

/******************************************************************************
	Footer definitions
******************************************************************************/

#footer
{
	clear: both;
	background-color: transparent;
	text-align: right;
	font-size: 7pt;
	padding: 2px 5px 2px 0px;
	margin: 0;
	color: #aaaaaa;
}

a.footer:link,a.footer:active,a.footer:visited,a.footer:hover
{
	background-color: transparent;
	font-size: 7pt;
	padding: 2px 5px 2px 0px;
	margin: 0;
	color: #aaaaaa;
}

#shadow
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

/******************************************************************************
	Spotlight/Download box definitions
******************************************************************************/


div.spotlight
{
	margin: 0% 2% 2% 2%;
	background: #88A826;
	border-bottom: 6px solid #DCE5BE;
	border-left: 1px solid #DCE5BE; 
	border-right: 1px solid #DCE5BE;
	border-top: 1px solid #DCE5BE;
	-moz-border-radius: 12px;	
}




h3.productcategory
{
	background: #E5EDD3;
	color: #4E6E0E;
	padding: 8px 0px 8px 10px;		
	margin-top: 5%;	
	border: solid 1px #95B24C;
	font-size: 10pt;
	font-weight: bold;
}


div.productfocuswrapper
{
	width: 50%;
	float: left;
}

div.productfocus
{
	padding: 10px 0px 10px 0px;		
	margin: 10px;
}

div.spotlight h4
{
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.spotlight div
{
	border-top: 1px solid #DCE5BE; 
	background-color: white;
	margin: 0;
	padding: 10px 5px 10px 5px;
}

div.spotlight h3
{
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 8px;
	color: white;
}


div.spotlight p
{
	margin-top: 5px;
	padding: 0;
}



div.downloandboxb
{
	width: 601px;
	height: 201px;
	margin: 0 auto;
}


div.downloadboxbbg
{
	margin: 0pt; 
	background: url('/export/sites/default/componio-misc/download_template_top.jpg') no-repeat white left top; 
	width: 600px;
}

div.downloadboxbb
{
 	margin: 0pt;
	clear:both;
	background: url('/export/sites/default/componio-misc/spotlight_bottom.jpg') no-repeat left top; 
	width: 600px; 
	height: 16px;
}

div.downloandboxs
{
	width: 270px;
	height: 158px;
	margin: 0 auto;
}


div.downloadboxsbg
{
	margin: 0pt; background: url('/export/sites/default/componio-misc/download_box_small.jpg') no-repeat white left top; 
	width: 270px;
	height: 158px;
}


div.downloadimage
{
	width: 62px;
	height: 93px;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent;
}


div.downloadwrapper
{
	float:left;
	margin: 0;
	padding: 0;
	width: 538px;
	background: transparent;
}

div.downloadwrappers
{
	float:left;
	margin: 0;
	padding: 0;
	width: 208px;
	background: transparent;
}

div.downloadboxcontent
{
	padding: 45px 10px 10px 5px; 
	color: #444444;
	background: transparent;
}

div.downloadboxcontent h2,div.downloadboxcontent h2 a:link,div.downloadboxcontent h2 a:active,div.downloadboxcontent h2 a:visited,div.downloadboxcontent h2 a:hover
{	
	margin: 0 0 5px 0;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold;
	color: white;
}


div.downloadboxcontent a:link,div.downloadboxcontent a:active,div.downloadboxcontent a:visited,div.downloadboxcontent a:hover
{
	background:transparent;
	margin: 0;
	color: #444444;
}


/******************************************************************************
	OpenOffice styles
******************************************************************************/