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


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

body 
{
	color: black;
    	font-family: arial, sans-serif;
	font-size: 9pt;	
	margin: 0 auto;
	padding: 0;
	text-align: center;
	min-width: 780px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/graybg.jpg') repeat-x #E9E9E9;
}

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

td
{
	padding: 1%;
}

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;
}

input.radio
{
	border: none;
}

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

a:hover 
{
	color: #ffb32a;
} 

p
{
	margin: 0.5em 0;
	padding: 0;
}

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

h2
{
	font-size: 14pt;
	font-weight: normal;
	margin: 31px 0px 9px 0px;
}

h3,h4
{
	font-size: 11pt;
	margin: 16px 0px 5px 0px;
}


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

br.breaker
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}




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




#content
{
	color: black;
	width: 96%;
	margin: 0 auto;
}

#articles
{
	background:url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/lowergradient1.jpg') repeat-x bottom #E5EDD3;
	width: 100%;
}

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

#sidebar
{
	position: relative;
	float: right;
	width: 25%;
	margin: 0;
	padding: 0;
}

div.contentbody
{
	width: 70%;
	float: left;
	padding-bottom: 70px;
}


div.overviewbody
{
	width: 92%;
	padding-bottom: 70px;
}

div.indexbody
{
	width: 100%;
	padding-bottom: 70px;
}

div.idxbody
{
	text-align: left;
	padding-bottom: 30px;
}


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


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

#indexbar
{
	float: right;
	width: 24%;
}

#idxbar_wrapper
{
	margin: 0;
	padding: 0;
}


#idxbar
{
	margin: 0;
	padding: 0;
	background-color: white;
}



#indexcwrapper
{
	float:left; 
	width: 75%; 
}

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

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

#header_left
{
	float: left;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/corner_left.jpg') no-repeat white;
	width: 46%;
}

#header_right
{
	float: right;
	text-align:right;
	width: 45%;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/corner_right.jpg') top right no-repeat white;
}

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

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

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

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

#l1menu
{
	clear: both;
	background: white;
	color: white;
	text-align: left;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;	
}

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

li.l1menu
{
	float: left;
	width: 119px;
	height: 24px;
	list-style: none;	
	position: relative;
	z-index: 998;
}

li.l1menuselected
{
	float: left;
	color: black;
	width: 119px;
	height: 24px;
	list-style: none;	
	position: relative;	
	z-index: 998;
}

li.l1menuempty
{
	float: left;
	padding: 2px 3em 2px 10px;
	height: 24px;
	list-style: none;	
}

li.l1menu a:link,li.l1menu a:active,li.l1menu a:visited, li.l1menu a:hover
{
	font-size: 9pt;	
	color :  white;
	display: block;
	overflow: hidden;
	height: 24px;
	text-decoration : none;
	background-color : transparent;
}

li.l1menuselected a:link,li.l1menuselected a:active,li.l1menuselected a:visited
{
	font-size: 9pt;	
	color :  #985117;
	display: block;
	height: 24px;
	overflow: hidden;
	text-decoration : none;
	background-color : transparent;
}



li.l1menu ul, li.l1menuselected ul
{
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	list-style: none;
 	width: 180px; 
	background-color: white; 
	border: 1px solid #88A826;
	color: #88A826;
	padding: 5px;
	margin: 0;
	z-index: 999;
}

li.l1menuselected ul li, li.l1menu ul li
{
	margin: 5px 0px 5px 0px;
}

li.l1menuselected ul li.selected 
{
	background-color: #FABF33;
	padding: 2px 0 2px 0;
	color: white;
}


li.l1menu ul a:link,li.l1menu ul a:active,li.l1menu ul a:visited, li.l1menuselected ul a:link,li.l1menuselected ul a:active,li.l1menuselected ul a:visited
{
	display: inline;
	color: #88A826;
}


li.l1menu ul a:hover, li.l1menuselected ul a:hover
{
	color: #FABF33;
}

li.l1menu > ul, li.l1menuselected > ul, li.l1menuselected > ul li
{
	top: 24px;
	left: 0;
}


li > ul
{
	top: 24px;
	left: 0;
}


li.l1menu:hover ul, li.l1menuselected:hover ul, li.l1menu.over ul, li.l1menuselected.over ul
{
	display: block;
}

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

#l2menu
{

	background-color: #88A826;
	color: white;
	text-align: left;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;	
	border-bottom: solid 4px #E5EDD3;
}

ol.l2menu
{
	padding: 0;
	color: white;
	margin: 0px 0px  0px 28px;
}

li.l2menu
{
	float: left;
	font-size: 8pt;
	color: white;
	padding: 4px 1em 4px 10px;
	margin: 0;
	list-style: none;	
}

li.l2menuselected
{
	float: left;
	font-weight: bold;
	color: #3C4B10;
	font-size: 8pt;
	padding: 4px 1em 4px 10px;
	margin: 0;
	background: #C5D597;
	list-style: none;	
}

li.l2menuempty
{
	float: left;
	font-size: 8pt;
	padding: 4px 1em 4px 10px;
	list-style: none;	
}


li.l2menu a:link,li.l2menu a:active,li.l2menu a:visited, li.l2menu a:hover
{
	font-size: 8pt;	
	color : white;
	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: #3C4B10;
	text-decoration : none;
	background-color : transparent;
}

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

h3.l3
{
	margin: 0 0 5px 5%;
	padding-left: 10px;
	border-bottom: 1px solid #BBD18D; 
	color: #4E6E0E;
	font-size: 9pt;
}

ul.l3
{
	padding: 0;
	margin-left: 5%;
	margin-top: 0px;
	list-style: none;	
	font-size: 8pt;
}

ul.l3 li
{
	padding: 2px 2px 2px 10px;
	border: 1px solid white;
	margin: 0;
	font-size: 8pt;
	list-style: none;	
	color: #7BAC1F;	
}

ul.l3 li.l3selected
{
	background: #ffb32a;
	border: 1px solid #ffb32a;
	font-size: 9pt;
	color: white;	
	cursor: default;
}

ul.l3 li.l3:hover 
{
	border: 1px solid #ffc33a;
	font-size: 8pt;
	color: #ffc33a;	
	cursor: pointer;
}

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

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

#micromenu, #livesupport
{
	text-align: left;
	margin: 0% 2% 2% 2%;
	-moz-border-radius-topleft:15px;	
	-moz-border-radius-topright:15px;		
	border: solid 1px #95B24C;	
/**	background: white;	**/
	background: #88A826;
}

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

ul.micromenu, #livesupportc
{
	padding: 0;
	margin:0;
	list-style: none;	
	background: white;
	position: relative;

}

ul.micromenu li
{
	padding: 2px 2px 2px 10px;
	margin: 0;
	background: white;
	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
{
	font-size: 8pt;
	color :  inherit;
	text-decoration : none;
	background-color : transparent;	
}

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

#breadcrumbs
{
	clear: both;
	background: #E5EDD3;
	color: #7CA725;
	text-align: left;	
	border-left: 2px solid #ffffff;	
	padding: 2px 0px 2px 32px;
	margin: 0;
	font-size: 7pt;
}


#breadcrumbsn
{
	clear: both;
	color: #7CA725;
	text-align: left;	
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 7pt;
}

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 1em 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: 0 20px 2px 0;
	text-align: right;
	padding: 0px;
}

/******************************************************************************
	News definitions
******************************************************************************/
#news 
{
	position: relative;
	text-align: left;
	-moz-border-radius-topleft:15px;	
	-moz-border-radius-topright:15px;		
	border: solid 1px #95B24C;	
/**	background: white;	**/
	background: #88A826;
	margin: 0% 2% 2% 2%;
}

h1.newsheader
{
	color: white;
	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;
	background: white;
}

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;	
}



div.newscontent a:link,div.newscontent a:active,div.newscontent a:visited,div.newscontent a: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;	
	margin-top: 10px;
	margin-bottom: 5px;
}


p.newsexcerpt
{
	margin: 0;

}


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


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

div.tour
{
	float: left;
	width: 15px;
	height: 15px;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	margin-top: 7px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/kleinkreis.jpg') transparent no-repeat;
}

div.tourselected
{
	float: left;
	width: 29px;
	height: 29px;
	padding-left: 10px;
	padding-top: 6px;	
	font-size: 12pt;
	font-weight: bold;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/grosskreis.jpg') transparent no-repeat;
}


div.tourbar_bar
{
	float: left;
	height: 29px;
	width: 100%;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/bar.jpg') center transparent repeat-x;
}

div.tourbar_top
{
	background: transparent;
	padding-bottom: 40px;
}

div.tourbar_bottom
{
	background: transparent;
	margin-top: 40px;
}


img.tourleft
{
	background: white; 
	float: left; 
	margin-top: 3px; 
	padding-right: 5px; 
	vertical-align: middle;
}

img.tourright
{
	background: white; 
	float: right; 
	margin-top: 3px; 
	padding-left: 5px; 
	vertical-align: middle;
}

div.tour a:link,div.tour a:active,div.tour a:visited, div.tour a:hover
{
	display:block;
	height: 15px;
	width: 15px;
	font-size: 8pt;
	font-weight: bold;
	color: white;
        padding-left: 5px;
        padding-top: 0px;
}

div.tourselected a:link,div.tourselected a:active,div.tourselected a:visited, div.tourselected a:hover
{
	display:block;
	height: 29px;
	width: 29px;
	font-size: 8pt;
	font-weight: bold;
	font-size: 12pt;
	font-weight: bold;
	color: black;
}

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

#revised
{
	color: #CDD0C8;
	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.indexbox
{
	position: relative;
	top: 20px;
	width: 100%;
	margin-bottom: 1%;		
	background: transparent;
}

div.idxbox
{
	position: relative;
	top: -5px;
	width: 100%;
	margin-bottom: 0.5%;
	float: left;		
	background: transparent;
}


div.box1
{
	position: relative;
	top: -20px;
	width: 100%;
	margin-bottom: 0.5%;
	float: left;		
	background: transparent;
}

div.box2
{
	position: relative;
	top: -20px;
	width: 49.9%;
	min-height: 300px;
	float: left;		
	z-index: 10;
}

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

div.teaserbox
{
	padding: 10px 21px 70px 21px;
	margin: 0% 0.5% 0% 0.5%;
	border-left: 1px solid #88A826;			
	border-right: 1px solid #88A826;			
	border-bottom: 1px solid #88A826;					
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbg.jpg') repeat-x bottom left white;	
}

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

h1.box
{
	-moz-border-radius-topleft:8px;	
	-moz-border-radius-topright:8px;		
	padding: 5px 21px 5px 21px;	
	margin: 0% 0.5% 0% 0.5%;
	font-size: 10pt;
	color: #EF9B22;
	border: 1px solid #88A826;	
	background: white;	
}

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

div.information
{
	width: 29%;
	float: left;
	padding-bottom: 70px;
}

/******************************************************************************
	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;
	z-index: 1;
	padding: 26px 29px 10px 31px; 
	margin: 0% 8px 0% 8px;
	border: 1px solid #88A826;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbg.jpg') repeat-x bottom left white;	
	-moz-border-radius-topleft:8px;	
	-moz-border-radius-topright:8px;			
}

div.boxidx
{
	clear: both;
	margin: 0 8px;
	border: 1px solid #88A826;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbg.jpg') repeat-x bottom left white;	
}


div.boxnew
{
	clear: both;
	margin: 0% 8px 0% 8px;
	border: 1px solid #88A826;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbg.jpg') repeat-x bottom left white;	
	-moz-border-radius-topleft:8px;	
	-moz-border-radius-topright:8px;			
}

div.componiobgidx
{
	border-top: 6px solid #FFBC30;
	padding: 0;
	margin: 2px 11px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbgcomp.jpg') no-repeat bottom right transparent;	
}



div.componiobg
{
	padding: 6px 29px 10px 31px; 
	margin: 0px 1px 1px 0px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/boxbgcomp.jpg') no-repeat bottom right transparent;	
}


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

div.contentheader
{
	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: 0 0 0 79px;
}

div.contentcontidx
{
	margin: 0 0 0 0;
}


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: white;
}

div.overview-header-left
{
	float:left; 
	width: 30%; 	
	height: 10px; 	
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_repeat.gif') repeat-x white;
}

div.overview-header-right
{
	float: left; 
	width: 70%;
	height: 10px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_repeat.gif') repeat-x white;
}

div.overview-content-wrapper
{
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 6px solid #DCE5BE;
	border-left: 1px solid #DCE5BE; 
	border-right: 1px solid #DCE5BE;
}

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
{
	width: 12px;
	height: 10px;
	float: left;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_left.gif') no-repeat;
}


div.overview-cr1
{
	width: 11px;
	height: 10px;
	float: right;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_right_middle.gif') no-repeat;
}


div.overview-cl2
{
	width: 22px;
	height: 10px;
	float: left;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_left_middle.gif') no-repeat;
}

div.overview-cr2
{
	width: 12px;
	height: 10px;
	float: right;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/overview/overview_top_right.gif') no-repeat;
}



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


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

#footer
{
	clear: both;
	background:white;
	text-align: right;
	font-size: 7pt;
	min-height: 18px;
	padding: 0 0 0 28px;
	margin: 0 0 0 2px;
	color: white;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/backgrounds/cbl.png') left bottom no-repeat transparent;
}

#footer_r
{
	padding: 4px 28px 4px 0;
	margin: 0;
	min-height: 18px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/backgrounds/cbr.png') right bottom no-repeat transparent;
}


a.footer:link,a.footer:active,a.footer:visited,a.footer:hover
{
	background: transparent;
	font-size: 7pt;
	padding: 0;
	margin: 0;
	color: white;
}

#shadow
{
	height: 5px;
	margin-bottom: 1%; 
	font-size:1pt; 
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/lowershadow.gif') bottom repeat-x;
}


/******************************************************************************
	Dynamic index page definitions
******************************************************************************/

div.fourcols
{
	width: 25%; 
	float: left;
	z-index: 9999;
	position: relative;
	top: 0px;
}


div.threecols
{
	width: 33%; 
	float: left;
	z-index: 9999;
	position: relative;
	top: 0px;
}


div.twocols
{
	width: 50%; 
	float: left;
	z-index: 9999;
	position: relative;
	top: 0px;
}

div.bigslide
{
	position: absolute;
	width: 100%; 
	clip: rect(250px, auto, 250px, 0px); 
	overflow: hidden; 
	visibility:hidden; 
	height: 250px; 
	top: -250px;
	z-index: 2;
}


/******************************************************************************
	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;
	-moz-border-radius: 8px;
}


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
{
	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.downloadboxb
{
	width: 601px;
	height: 201px;
}


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

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

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


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


div.downloadimage
{
	width: 62px;
	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
{
/**	position: relative; **/
	padding: 45px 5px 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
{
/**	position: relative; **/
	background:transparent;
	margin: 0;
	color: #444444;
}

#ac_press_overview_nav
{
	margin: 1em 0;
}

#ac_press_content_syndication_top
{
	text-align: right; 
}

#ac_press_content_syndication_bottom
{
	text-align: right;
	margin-top: 26px;
}


h2.ac_press_excerpt_headline
{
	margin-top: 5px;
	padding-top: 0;
}

#idxbar div.ac_press_sidebar div.ac_press_sidebar_excerpt 
{
	float: left;
	width: 33.33333%;
	margin: 0;
}

div.ac_press_sidebar_excerpt
{
	background: white;
}

div.ac_press_excerpt
{
	background: white;
	margin-top: 2em;
}


    
#idxbar div.ac_press_sidebar div.ac_press_sidebar_excerpt div.ac_press_sidebar_excerpt_header
{
	background: #E5EDD3;
	color: #4E6E0E;
	padding-left: 10px;		
	padding-top: 5px;
	margin: 0;	
	border-bottom: solid 1px #95B24C;
	font-size: 8pt;
	font-weight: normal;
	border-left: 1px solid #95B24C; 
}

#news div.ac_press_sidebar div.ac_press_sidebar_excerpt div.ac_press_sidebar_excerpt_header
{
	background: #E5EDD3;
	color: #4E6E0E;
	padding-left: 10px;		
	padding-top: 5px;
	margin: 0;	
	border-top: solid 1px #95B24C;
	border-bottom: solid 1px #95B24C;
	font-size: 8pt;
	font-weight: normal;
}

h2.ac_press_sidebar_excerpt_headline
{
	margin-top: 0.5em;
	font-size: 8pt;
}

h2.ac_press_sidebar_excerpt_headline a:link, h2.ac_press_sidebar_excerpt_headline a:active,h2.ac_press_sidebar_excerpt_headline a:visited,h2.ac_press_sidebar_excerpt_headline a:hover
{
	font-size: 8pt;
	color: #4E6E0E;
}

div.ac_press_sidebar_excerpt_teaser
{
	padding: 5px 10px 15px 10px;	
	margin: 0;
	font-size: 8pt;	
	color: #7CA725;
	background: transparent;
}


div.ac_press_sidebar_excerpt_link a:link, div.ac_press_sidebar_excerpt_link a:active,div.ac_press_sidebar_excerpt_link a:visited,div.ac_press_sidebar_excerpt_link a:hover
{
	padding-left: 14px;
	background: url('/export/system/modules/de.componio.opencms.modules.templates/resources/images/index/news_next.gif') left center no-repeat transparent;
	font-size: 8pt;	
	color: #7CA725;
}


div.ac_press_sidebar_excerpt_link
{
	margin-top: 5px;
	text-align: right;
}

div.ac_press_release_about_contact
{
	margin-top: 10px;
}

div.ac_press_release_about_contact span
{
	display: block;
	color: #999999;
}

#ac_press_release_footer
{
	text-align: right;
	margin-top: 10px;
}

#archive_link
{
	clear: both;
	background: #E5EDD3;
	text-align: right;
	color: #4E6E0E;
	padding: 0.5em 10px 0.5em 0;		
	margin: 0;	
	border: solid 1px #95B24C;
	font-size: 8pt;
	font-weight: normal;
}

#archive_link a:link, #archive_link a:visited, #archive_link a:active, #archive_link a:hover
{
	display: inline;
	background: #E5EDD3;
	color: #4E6E0E;
	padding: 0;
	margin: 0;	
	font-size: 8pt;
	font-weight: bold;
}