﻿/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	Comferr Website: Standard Layout Stylesheet
	Abyss Studios Ltd. (c) 2007-2009

	history:
		090130 - recycled from Cresco Public Website -=AGi=-

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/* standard anchors */

a:link, a:visited, a:active { text-decoration: none; color: #1e75f7; }


a:hover { text-decoration: underline; color: #1e75f7; }

/* custom anchors */
a.link:link, a.link:visited, a.link:active, a.link:hover, span.link,
a.linkFloating:link, a.linkFloating:visited, a.linkFloating:active, a.linkFloating:hover, span.linkFloating,

a.link:link, a.link:visited, a.link:active, a.link:hover, span.link
{
	padding: 0px 0px 4px 12px;	
	background: url('../images/bullet_link.gif') no-repeat 0px 2px; 
}

a.linkFloating:link, a.linkFloating:visited, a.linkFloating:active, a.linkFloating:hover, span.linkFloating
{
	padding: 8px 16px 0px 12px;	
	background: url('../images/bullet_link.gif') no-repeat 0px 12px; 
	float:right;
}



a.inText:link, a.inText:visited, a.inText:active { color: #1e75f7; }

div.enumItem
{
	padding: 0px 0px 4px 12px;	
	background: url('../images/bullet_common.gif') no-repeat 0px 4px;	
}


/* global settings */
a, img, body, html, div, table, table tr, table tr td, h1, h2, h3
{
	padding: 0;
	margin: 0;	
	border-collapse: collapse; 
	border: none;
}


a img, a:link img, a:visited img, a:hover img
{
	display: block;
	border: none;
	text-decoration: none;
}

html, body
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 8pt;
	text-align: center;	
	height: 100%;
	width: 100%;
}


body 
{
	position: relative;	
	text-align: center;
}


body, table, textarea {
	border-collapse: collapse;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	padding: 0;
	margin: 0;	
}


@media screen, projection
{
	body {
	}
	body, table  {
		color: #808080;
	}
}


input, textarea { background-color: #f2f2f2; }


@media screen, projection
{
	.printOnly { display: none;	visibility: hidden; }
}

@media print 
{
	.printOnly { display: block !important;	visibility: visible; }	
}




/* base elements classes */
.master 
{
	text-align: left;
	height: 500px;
}



@media screen, projection  
{
	.master  {
		width: 750px;
		margin: 0 auto;
	}
	
	.logobar
	{
		width: 750px;
		padding-top: 30px;
		height: 20px;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	
	.logobarLink
	{	
	}



	.languageControl
	{		
		padding: 0px 4px 4px 8px;
		font-size: x-small;
		display: inline;
		/*float: right;*/
	}	
	
	
	.languageControl a#ctl00_CultureSKSK,
	.languageControl a#ctl00_CultureDEDE
	{
		width: 46px !important;
		height: 19px !important;
		display: inline-block;
	}
	
	.languageControl a#ctl00_CultureSKSK
	{
		background-image: url('../images/language_sk.gif');			
	}
	
	.languageControl a#ctl00_CultureDEDE
	{
		background-image: url('../images/language_de.gif');			
	}
	
	.languageControl a:hover#ctl00_CultureSKSK,
	.languageControl a:hover#ctl00_CultureDEDE
	{
		background-position: 0px 19px;
	}
	
	.languageControl input
	{
		top: 1px;
		left: 5px;
		margin-right: 2px;
		position: relative;
		border: solid 1px red !important;
		background-position: 10px 10px;
		background-image: url('../images/language_sk.gif');
	}
	


	.navigationControl
	{
		padding: 0px 4px 4px 8px;
		font-size: x-small;
		float: right;
	}	
	
	.logobar .navigationControl
	{
		float: left;
		padding: 0px 0px 0px 8px;
	}
}

@media print
{
	.logobar { display: none; visibility: hidden; }
	.languageControl { display: none; visibility: hidden; }	
} 


/* menubar - top menu*/
@media screen, projection  
{
	.menubar
	{
		height: 60px;
		width: 750px;
		text-align: center;
		/*display: table-row-group;*/
		position: relative;
		z-index: 10;
	}
	

	.menubarItem
	{
		position: absolute;	
	}
	
	
	.menubarItem a, .menubarItemActive a
	{
		width: 120px;
		height: 20px;
		margin-top: 21px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-indent: -9999px;	
	}



	.menubarItemActive a:link, .menubarItemActive a:active, .menubarItemActive a:visited, .menubarItemActive,
	.menubar .products a:hover, .menubar .experience a:hover, .menubar .about a:hover, .menubar .contacts a:hover
	{
		background-position: 0px -20px;
	}
	
	.menubar .home, .menubar .products, .menubar .experience, .menubar .about,	.menubar .contacts
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	

	
	.menubar .home a 
	{
		margin-top: 0px;
		width: 280px;
		height: 41px;
		margin-left: 26px !important;
		background: url('../images/logoComferr.gif') no-repeat top left;
	}

}

@media print
{
	.menubar { display: none; visibility: hidden; }
} 

/* site map path */
@media screen
{
	.siteMapPath 
	{
		color: #a5a5a5;	
		background-color: #eeeeee;	
		width: 631px;
		float: right;
		padding-left: 169px;
		height: 2em;
		line-height: 2em;
		display: inline-block;
	}
	
	.siteMapPath a, .siteMapPath a:link, .siteMapPath a:visited, .siteMapPath a:active
	{
		color: #a5a5a5;
	}
	
	.siteMapPath a:hover
	{
		color: #1e75f7;
		text-decoration: none;
	}
	
	.siteMapPath img
	{
		display: inline-block;
	}
}

/* main - white underground for common page*/

@media screen, projection
{
	.main 
	{
		width: 750px;
		min-height: 400px;
		height: auto !important;
		height: 100%;
		background-color: #ffffff;
		float: left;
		padding-bottom: 10px;
	}	
}

@media print {
	.main 
	{
		width:100%;	
	}
}


/* content */


@media screen, projection {
	.content
	{
		width: 750px;
		overflow: hidden;
	}	
}

@media print 
{
	.content
	{
	}	
}


/* context menu */
@media screen, projection {
	.contextMenu
	{
		display: none;
		float: left;
		overflow: hidden;
		padding: 24px 24px 20px 16px;
	}
}


@media print 
{
	.contextMenu { display: none; visibility: hidden; }
}

/* context panel */
.contextPanel
{
	/*background-color: #dbdbdb;*/
	/*padding: 5px 0px 20px 15px;*/
}

.contextPanelTitle, .contextPanelTitleActive
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: large;
	/*padding: 5px 0px 20px 0px;*/
	color: #737373;
}

.contextPanelTitleActive
{
	color: #1e75f7;
}

.contextPanelBody
{	
	/*margin: 20px 20px 20px 20px;*/
	/*padding-top: 12px;*/
}

.contextPanelFooter
{
	font-weight: bold;
	color: #1e75f7;
	/* display: inline-block;
	padding-top: 10px; */	
}

.contextPanelFooterLink
{
	color: #1e75f7;
}


/* footer */

.footer
{
	float: right;
}

@media screen, projection 
{
	.footer
	{
		padding-bottom: 20px;
	}	
}

@media print
{
	.footer { display: none; visibility: hidden; }
} 



/* copyright */

a.copyright 
{
	display: block;
	width: 132px;
	height: 7px;
	background-image: url('../images/abyss.gif');
	
}

a.copyright:hover
{
	background-position: 0px -7px;
}

@media screen, projection
{
	.copyright a
	{
		color: #1e75f7;
	}
}


/* text elements classes */

h1, .h1 
{

	color: Black;
	font-family: Tahoma, Sans-Serif;
	font-weight: 100;
	font-size: 24pt;
	padding-top: 12px;
	padding-bottom: 16px;
}

h2, .h2
{
	color: Black;
	font-family: Tahoma, Sans-Serif;
	font-weight: 100;
	font-size: 18pt;
	padding-top: 12px;
	padding-bottom: 16px;	
}

h3, .h3
{
	color: Black;
	font-family: Tahoma, Sans-Serif;
	font-weight: 100;
	font-size: 14pt;
	padding-top: 12px;
	padding-bottom: 12px;	

}


h4, .h4
{
	font-size: 8pt;
	font-weight: bold;
	color: #737373 !important;
}

h5, .h5
{
	font-size: 8pt;
	font-weight: bold;
	color: #808080 !important;
	padding: 0px !important;
	margin: 0px !important;
	display: inline;
}


@media print
{
	h2, .h2, h3, .h3, h4, .h4 { padding-left: 0px; background-image: none;}
} 



.emailLink 
{
	color: #1e75f7;
	display: inline;
}


/* Ad containers */

.adMain
{
	position: relative;
}

.adMain .adBackgroundImage
{
	position: absolute;
}

.adMain .adForeground
{
	position: absolute;
	z-index: 5;
}

.adSwitch
{
	display: none;
}

.adSwitch div
{
	float: left;
}

.adSwitch .switchElementPrev
{
	background-image: url('../images/billboard_nav_arrow_left_0.png');
	width: 13px;
	height: 15px;
	float: left;
}

.adSwitch .switchElementPrev:hover
{
	background-image: url('../images/billboard_nav_arrow_left_1.png');
}

.adSwitch .switchElementNext
{
	background-image: url('../images/billboard_nav_arrow_right_0.png');
	width: 14px;
	height: 15px;
	float: left;
}

.adSwitch .switchElementNext:hover
{
	background-image: url('../images/billboard_nav_arrow_right_1.png');
}

.adSwitch .switchElement1, .adSwitch .switchElement2, .adSwitch .switchElement3,
.adSwitch .switchElement4, .adSwitch .switchElement5, .adSwitch .switchElement6,
.adSwitch .switchElement7, .adSwitch .switchElement8, .adSwitch .switchElement9,
.adSwitch .switchElement1Active, .adSwitch .switchElement2Active, .adSwitch .switchElement3Active,
.adSwitch .switchElement4Active, .adSwitch .switchElement5Active, .adSwitch .switchElement6Active,
.adSwitch .switchElement7Active, .adSwitch .switchElement8Active, .adSwitch .switchElement9Active
{
	width: 17px;
	height: 15px;
	float: left;
}

.adSwitch .switchElement1 {	background-image: url('../images/billboard_nav_no1_0.png'); }
.adSwitch .switchElement1:hover, .adSwitch .switchElement1Active { background-image: url('../images/billboard_nav_no1_1.png'); }

.adSwitch .switchElement2 { background-image: url('../images/billboard_nav_no2_0.png'); }
.adSwitch .switchElement2:hover, .adSwitch .switchElement2Active { background-image: url('../images/billboard_nav_no2_1.png'); }

.adSwitch .switchElement3 { background-image: url('../images/billboard_nav_no3_0.png'); }
.adSwitch .switchElement3:hover, .adSwitch .switchElement3Active { background-image: url('../images/billboard_nav_no3_1.png'); }

.adSwitch .switchElement4 {	background-image: url('../images/billboard_nav_no4_0.png'); }
.adSwitch .switchElement4:hover, .adSwitch .switchElement4Active { background-image: url('../images/billboard_nav_no4_1.png'); }

.adSwitch .switchElement5 {	background-image: url('../images/billboard_nav_no5_0.png'); }
.adSwitch .switchElement5:hover, .adSwitch .switchElement5Active { background-image: url('../images/billboard_nav_no5_1.png'); }

.adSwitch .switchElement6 {	background-image: url('../images/billboard_nav_no6_0.png'); }
.adSwitch .switchElement6:hover, .adSwitch .switchElement6Active { background-image: url('../images/billboard_nav_no6_1.png'); }

.adSwitch .switchElement7 {	background-image: url('../images/billboard_nav_no7_0.png'); }
.adSwitch .switchElement7:hover, .adSwitch .switchElement7Active { background-image: url('../images/billboard_nav_no7_1.png'); }

.adSwitch .switchElement8 {	background-image: url('../images/billboard_nav_no8_0.png'); }
.adSwitch .switchElement8:hover, .adSwitch .switchElement8Active { background-image: url('../images/billboard_nav_no8_1.png'); }

.adSwitch .switchElement9 {	background-image: url('../images/billboard_nav_no9_0.png'); }
.adSwitch .switchElement9:hover, .adSwitch .switchElement9Active { background-image: url('../images/billboard_nav_no9_1.png'); }


.adContent div 
{
	float: left;
}


.adContent .contextPanelSeparator
{
	background-color: #1e75f7;
	width: 1px;
	height: 100%;
	float: left;
}

.adContent .contextPanel
{	
	padding-right: 10px;
	padding-left: 30px;
}

.adContent .contextPanelTitle, .adContent .contextPanelTitleActive
{
	margin-top: 20px;
	font-size: large;
	color: #fffaf2;
}

.adContent .contextPanelLink:link, .adContent .contextPanelLink:visited, .adContent .contextPanelLink:active, .adContent .contextPanelLink:hover
{
	border-bottom: 0px;
	float: left;
	clear: both;
	color: #1e75f7;
	width: 100%;
	background-position: 0px .2em;
	padding-left: 1em;
	background: url('../images/link_arrow_orange.gif') no-repeat top left;	
}


.adContent .contextPanelBody
{
	color: #c6c2bc;
	font-size: xx-small;
	padding: 0px;
	margin: 0px;		
}

.adContent .contextPanel div
{
	padding-bottom: 8px;
	width: 100%;
	clear: both;
}

.adContent .contextPanelBody .button
{
	padding: 0;
	width: 60px;
	height: 16px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #4b4b4b;
	float: left;
	border: solid 1px #737373;
	background: #c7c2b7;
	cursor: pointer;
}

.adContent .contextPanelBody .editBox
{
	width: 100px;
	height: auto;
	margin-right: 10px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #4b4b4b;
	float: left;
	border: solid 1px #737373;
	background: #e5e5e5;
}


.adContent .contextPanelLeft .contextPanel
{
	width: 294px;
}

.adContent .contextPanelMiddle .contextPanel
{
	width: 190px;
}

.adContent .contextPanelRight .contextPanel
{
	width: 188px;
}


.adContent .contextPanelRight .newsParagraphLarge
{
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* Ad container - title specific */
#adTitle
{
	height: 176px;
}

#adTitle .adBackgroundImage
{
	width: 750px;
	height: 176px;
}

#adTitle .adLink
{
	width: 100%;
	height: 176px;
	cursor: pointer;
}

#adTitle .adSwitch
{
	margin-top: 52px;
	margin-right: 20px;
	float: right;
}

#adTitle .adContent
{
	border-top: solid 6px #1e75f7;
	width: 750px;
	height: 63px;
}

/* Ad container - common specific */
#adCommon
{
	height: 110px;	
}

#adCommon .adBackgroundImage
{
	width: 750px;
	height: 110px;
}

#adCommon .adLink
{
	width: 100%;
	height: 110px;	
	cursor: pointer;
}

#adCommon .adSwitch
{
	margin-top: 80px;
	margin-right: 20px;
	float: right;
}


#adCommon .adContent
{
}

@media print
{
	#adTitle { display: none; visibility: hidden; }
	#adCommon { display: none; visibility: hidden; }
} 




