/*
 *  frentix-grün:  #9FCA40
 *  frentix-dunkelgrün: #4E734A
 */

/* font reset */
html * { font-size: 100.01% }
textarea, pre, tt, code { font-family:"Courier New", Courier, monospace; }
body {
	font-family: 'Helvetica Neue', 'Helvetica New', Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;
}

/* HEADERS */
h1,h2,h3,h4,h5,h6 { font-weight:bold;}
h1 { font-size: 200%; margin: 0 0 1em 0; }                        /* 24px */
h2 { font-size: 166.67%; margin: 0 0 0.7em 0; }                     /* 20px */
h3 { font-size: 150%; margin: 0 0 0.5em 0; }                        /* 18px */
h4 { font-size: 133.33%; margin: 1.2em 0 0.5em 0; }                     /* 16px */
h5 { font-size: 116.67%; margin: 1em 0 0.3em 0; }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic ; margin: 0 0 0.2em 0; }  /* 14px */
	
/* LISTS */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* TEXT FORMATTING */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

textarea, pre, tt, code { font-family: monospace; font-size: 1.2em; }

acronym, abbr {letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; }

/* FIELDSET */
fieldset { border: solid #ACAAAA 1px; position: relative; padding: 1em; margin: 0.5em 0 1em 0; }
legend {padding: 0 5px; color: #504D4E; }

/* OTHER ELEMENTS */
p { line-height: 1.5em; margin: 0 0 1em 0; }
hr { color: #fff; background:transparent; margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;border:0;border-bottom: 1px #000 solid;}

sup, sub {font-size: 70%; line-height: 70%;}


/* link style */
a:link, 
a:visited, 
a:active {
	color: #4E734A;	
	text-decoration: none;
}
a:hover, 
a:focus {
	color: #4E734A;	
	text-decoration: underline;
}

a img { border: 0;}

.fx_print { display: none; }


/* the #fx_content is not necessary, used for tinyMCE to hide from style list */
#fx_content a[href^="frentix.com"] { 
	background: url(../img/externalLink.gif) left center no-repeat;
	padding-left: 10px;	
}
#fx_main a[href$=".pdf"] { 
	background: url(../img/pdf.gif) no-repeat;
	padding-left: 18px;	
} 
#fx_content a[href$=".zip"] { 
	background: url(../img/zip.gif) no-repeat;
	padding-left: 18px;	
} 
#fx_content a[href$=".mov"] { 
	background: url(../img/mov.gif) no-repeat;
	padding-left: 18px;	
} 
#fx_content a[href$=".txt"] { 
	background: url(../img/txt.gif) no-repeat;
	padding-left: 18px;	
} 
/* list styles */
ul {
	padding: 0;
	margin: 1em 0 1em 0;
}
li {
	list-style-type: none;
	list-style-image: url(../img/list-bullet.gif);
}

/* specific frentix styles */

*.fx_green_light {
	color: #A6C11E;	
}
*.fx_green_dark {
	color: #4E734A;	
}

/* images styles */
img.fx_leftimage {
	position: absolute;
	left: -330px; top: 25px;
}
img.fx_leftfloat {
	float: left;	
	margin: 0 20px 20px 0;
}
img.fx_rightfloat {
	float: right;	
	margin: 0 0 20px 20px;
}
img.fx_leftfloat_border {
	float: left;
	border: 1px solid #504D4E;
	margin: 0 20px 20px 0;
}
img.fx_rightfloat_border {
	float: right;	
	border: 1px solid #504D4E;
	margin: 0 0 20px 20px;
}

.align-center {text-align: center;}
.align-right {text-align: right;}

/* floating styles */
.fx_float_right {float: right; display: inline;}
.fx_float_left {float: left; display: inline;}
*.fx_clearboth {
	clear: both;
}
*.fx_clearright {
	clear: right;
}
*.fx_clearleft {
	clear: left;
}
div.fx_round, table.fx_table_round {
        background: #EAF4B7;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}
table.fx_table_round tr {
	border: 0;
    padding: 0px; margin: 0;
}
table.fx_table_round td {
	border: 0;
	padding: 0 5px 0 5px; margin: 0;
}

.fxcms_disabled {text-decoration: line-through;}


/* awesome buttons */

.awesome, .awesome:visited {
	background: #222; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
a.awesome {color: #FFF; }
.awesome.round { border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; -o-border-radius: 1em;}

.awesome:hover							{ background-color: #111; color: #fff; text-decoration: none}
.awesome:active							{ top: 1px; }

.small.awesome, .small.awesome:visited 			{ font-size: 90%; padding: ; }

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.awesome, .large.awesome:visited 			{ font-size: 110%; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #FF7D33; } /*#ff5c00*/
.orange.awesome:hover							{ background-color: #D3672A; } /*#d45500*/
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

/* contact-form link button */
a.fx_contactbutton:link, a.fx_contactbutton:visited  {
	background-color: #027bb9; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight: bold;
}

a.fx_contactbutton:hover {
	background-color: #025D8C; 
}

/* submit button in contact form */
#field-26 {
	border:none;
	background-color: #027bb9; 
	display: inline-block; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding:4px 8px;
}
#field-26:hover {
	background-color: #025D8C;
	cursor:pointer;
}

#fx_menu li.mm-offerings {
	padding-top:0px;
}
#fx_menu li.mm-offerings a {
	background-color: #027bb9; 
	display: inline-block; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding:4px 8px;
}
#fx_menu li.mm-offerings a:hover {
	background-color: #025D8C; 
}

#fx_menu li.active.mm-offerings a {
}

/* special styles for the offerings button */
#fx_menu #fx_current a.awesome.orange,
#fx_menu a.awesome.orange {	background-color: #FF7D33; padding: 5px 10px 6px; position: relative; top: -4px; color: #fff; }
#fx_menu #fx_current a.orange.awesome:hover,
#fx_menu a.orange.awesome:hover { background-color: #D3672A; color: #fff; }


/* font class for crisp text */
//.fx_smoothfont { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; }

.fx_box {
	padding: 1em;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: #EEE 0 2px 3px; -webkit-box-shadow: #EEE 0 2px 3px; -moz-box-shadow: #EEE 0 2px 3px; -o-box-shadow: #EEE 0 2px 3px;
}
.fx_box.fx_grey {
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
}

.fx_twocols { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; }

/* content styles comparison table */
body.olatpro.comparison #fx_content table { 
	width: 99%; 
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: #EEE 0 2px 3px; -webkit-box-shadow: #EEE 0 2px 3px; -moz-box-shadow: #EEE 0 2px 3px; -o-box-shadow: #EEE 0 2px 3px;
}
body.olatpro.comparison #fx_content table td { padding: 0.25em 1em 0.25em 1em; width: 33%; }
body.olatpro.comparison #fx_content table th { padding: 0.25em 1em 0.25em 1em; width: 33%; background: #999; color: #FFF; font-size: 120%}
body.olatpro.comparison #fx_content table tr:nth-child(odd) { background: #eee }

body.olatpro.comparison #fx_content table td:nth-child(1) { font-weight: bold; }

body.olatpro.comparison #fx_content table th:nth-child(2) { background: #9FCA40;}
body.olatpro.comparison #fx_content table tr:nth-child(odd) td:nth-child(2) { background: #C7E090 }
body.olatpro.comparison #fx_content table td:nth-child(2) { background: #DBEBB8 }

body.olatpro.comparison #fx_content table th:nth-child(3) { background: #858BAF;}
body.olatpro.comparison #fx_content table tr:nth-child(odd) td:nth-child(3) { background: #CCD1F3; color: #777;}
body.olatpro.comparison #fx_content table td:nth-child(3) { background: #E6E9FF; color: #777; }

/* content styles for tables */
table.fx_nice_table { 
	width: 99%; 
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: #EEE 0 2px 3px; -webkit-box-shadow: #EEE 0 2px 3px; -moz-box-shadow: #EEE 0 2px 3px; -o-box-shadow: #EEE 0 2px 3px;
	margin-bottom: 2em;
}
table.fx_nice_table td { padding: 0.25em 1em 0.25em 1em; }
table.fx_nice_table th { padding: 0.25em 1em 0.25em 1em; background: #ddd; }
table.fx_nice_table tr:nth-child(odd) { background: #eee }
table.fx_nice_table td:nth-child(1) { font-weight: bold; width: 40%;}

table.fx_packages th { text-align: center; font-size: 120%; background: #F6F6F6;}
table.fx_packages tr:nth-child(odd) td:nth-child(2) { background: #C7E090 }
table.fx_packages td:nth-child(2) { background: #DBEBB8 }
table.fx_packages tr:nth-child(odd) td:nth-child(3) { background: #B3D568;}
table.fx_packages td:nth-child(3) { background: #C7E090; }
table.fx_packages tr:nth-child(odd) td:nth-child(4) { background: #A7C85E;}
table.fx_packages td:nth-child(4) { background: #B8D578; }

table.fx_sla tr:nth-child(odd) td:nth-child(2) { background: #C7E090 }
table.fx_sla td:nth-child(2) { background: #DBEBB8 }
table.fx_sla tr:nth-child(odd) td:nth-child(3) { background: #B3D568;}
table.fx_sla td:nth-child(3) { background: #C7E090; }


/* content styles WAS IST OpenOLAT vertical menu */
#fx_menu_vertical li.sm-overview a {background-image: url(../icons/grey/star.gif); }
#fx_menu_vertical li.sm-course a {background-image: url(../icons/grey/configuration.gif); }
#fx_menu_vertical li.sm-assessment a {background-image: url(../icons/grey/edit.gif); }
#fx_menu_vertical li.sm-groups a {background-image: url(../icons/grey/multi-agents.gif); }
#fx_menu_vertical li.sm-swissquality a {background-image: url(../icons/grey/heart.gif); }
#fx_menu_vertical li.sm-features a {background-image: url(../icons/grey/glasses.gif); }
#fx_menu_vertical li.sm-comparison a {background-image: url(../icons/grey/scale.gif); }
#fx_menu_vertical li.sm-learn a {background-image: url(../icons/grey/screen.gif); }
#fx_menu_vertical li.sm-technology a {background-image: url(../icons/grey/connections.gif); }

/* content styles FUNKTIONEN vertical menu */
#fx_menu_vertical li.sm-releasenotes a {background-image: url(../icons/grey/tag.gif); }
#fx_menu_vertical li.sm-personal a {background-image: url(../icons/grey/agent.gif); }
#fx_menu_vertical li.sm-collaboration a {background-image: url(../icons/grey/chat-02.gif); }
#fx_menu_vertical li.sm-learning a {background-image: url(../icons/grey/screen.gif); }
#fx_menu_vertical li.sm-teaching a {background-image: url(../icons/grey/microphone.gif); }
#fx_menu_vertical li.sm-resources a {background-image: url(../icons/grey/copy-item.gif); }
#fx_menu_vertical li.sm-administration a {background-image: url(../icons/grey/screen.gif); }
#fx_menu_vertical li.sm-modules a {background-image: url(../icons/grey/container.gif); }

/* content styles EDUCATION vertical menu */
#fx_menu_vertical li.sm-school a {background-image: url(../icons/grey/lab.gif); }
#fx_menu_vertical li.sm-references a {background-image: url(../icons/grey/addressbook.gif); }
#fx_menu_vertical li.sm-scenario a {background-image: url(../icons/grey/processing.gif); }

/* content styles EDUCATION vertical menu */
#fx_menu_vertical li.sm-enterprise a {background-image: url(../icons/grey/briefcase.gif); }
#fx_menu_vertical li.sm-references0 a {background-image: url(../icons/grey/addressbook.gif); }
#fx_menu_vertical li.sm-scenario a {background-image: url(../icons/grey/processing.gif); }

/* content styles ANGEBOTE vertical menu */
#fx_menu_vertical li.sm-packages a {background-image: url(../icons/grey/container.gif); }
#fx_menu_vertical li.sm-custom a {background-image: url(../icons/grey/Scissors.gif); }
#fx_menu_vertical li.sm-support a {background-image: url(../icons/grey/phone.gif); }
#fx_menu_vertical li.sm-demo a {background-image: url(../icons/grey/search.gif); }


/*  small and italic */
span.fx_notice{ font-size: smaller; font-style: italic;}

/* scroller styles */
div.controls,
div.nextcontrols {
	text-align: center;
	margin: 0 0 1em 0;
	font-size: 120%;	
}
div.controls a.current { text-decoration: underline; }
div.controls a.current img { border: 1px solid #FFBE99; box-shadow: #FF7D33 0 0px 3px; -webkit-box-shadow: #FF7D33 0 0px 3px; -moz-box-shadow: #FF7D33 0 0px 3px; -o-box-shadow: #FF7D33 0 0px 3px;}
div.nextcontrols { margin: 2em 0 0 0; }
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 50em; 
	overflow: hidden;
	border: 1px solid #DDDDDD;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
	box-shadow: #EEE 0 2px 3px; -webkit-box-shadow: #EEE 0 2px 3px; -moz-box-shadow: #EEE 0 2px 3px; -o-box-shadow: #EEE 0 2px 3px;
	background: #F6F6F6;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:50em;
	overflow:hidden;
	float:left;
	padding:1em;		
}
div.scroller div.section h2 { padding-bottom: 0.5em;  }
div.scroller div.section table { font-size: 110% }

div.scroller div.section div.section_inner { font-size: 110% }
div.scroller div.content { width: 10000px; }

/* features specific scroller styles */
body.features div.scroller div.section table { font-size: 100% }
body.features div.fx_feature_box { float: left; display: inline; width: 18em; height: 5em; position: relative; padding: 2px 1em 0 60px; }
body.features div.fx_feature_box img {position: absolute; left: 0; top:2px;}

body.demo div.fx_vmenucontent a img { border: 1px solid #fff; }
body.demo div.fx_vmenucontent a:hover img { border: 1px solid #9FCA40; box-shadow: #C7E090 0 0px 5px; -webkit-box-shadow: #C7E090 0 0px 5px; -moz-box-shadow: #C7E090 0 0px 5px; -o-box-shadow: #C7E090 0 0px 5px;}