body {
	text-align: center;
	background: #ECECEC;
	margin: 0 0 1em 0;
}

#fx_logo {display:none;}

#fxsky {
	position: absolute;
	background: transparent url('../img/sky_green2.png') repeat-x bottom;
	height: 200px;
	width: 100%;
	top: 95px;
}
#fx_bg_wrapper {
	height: 100%;	
	width: 1000px; 
	text-align: left;
	position: relative;
	margin: 0 auto;		
}
#fx_wrapper { 
}
#fx_border_left { }
#fx_border_right { }
#fx_main { 
	box-shadow: #f8ffe1 0 2px 12px; -webkit-box-shadow: #f8ffe1 0 2px 12px; -moz-box-shadow: #f8ffe1 0 2px 12px; -o-box-shadow: #f8ffe1 0 2px 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	-o-border-radius: 5px ;
	background:#fff none;
	border:1px solid #ededed;
	margin-top: 44px;
}


/* header  */
#fx_header {
	height: 140px;
	height: 13px;
	position: relative; 
	display:none; /* we no longer display the big openolat logo, jan 2012 */
}

#fx_sticker {
	display:none;
	position: absolute; 
	top: 1em; left: 22em;
	z-index: 2;
}
#fx_sticker img {
	width: 65px; height: 65px;
	border: 0;
}

#fx_home {
	position: absolute;
	top: 20px;
	 left: 20px;
}
#fx_home img {
	border: 0;
}
#fx_demo {
	position: absolute;
	top: 7em;
	right: 2em;
	display:none;
}
#fx_demo img {
	border: 0;
}
#fx_contact {
	position: absolute;
	bottom: 2em;
	right: 2em;
}



#fx_content {
	position: relative;
	padding: 1em 2em 1em 2em;
	z-index: 2;
	min-height: 60em;
}
div.fx_twoColumn {
	position: relative;
}
div.fx_column_left {
	float: left;
	width: 47%;
	position: relative;
	font-size: 110%;
}
div.fx_column_right {
	float: right;
	width: 47%;
	position: relative;
	font-size: 110%;
}


div.fx_vmenu {
	width: 23%;
}
div.fx_vmenucontent {
	border-left: 1px solid #EEE;
   	padding-left: 1em;
	width: 75%;
}

/***  navigation */
#fx_menu {
	position: relative;
	padding: 0.7em 1em;
	margin:0px 22px;
	margin-top:13px;
	border-bottom:1px solid #efefef;
}
#fx_menu .fx_homelinkicon {
	float:left;
	width: 55px;
	height: 26px;
	padding-top:5px;
	background: transparent url(../../openolat.org/img/openolatlogo_55px_blue.png) no-repeat left bottom;
}

#fx_menu ul {
    line-height: 1em;
    list-style: none;
   	margin: 0;
    padding: 5px 0px;
    white-space: nowrap;
}

#fx_menu li {
	list-style-image: none;
    float: left;
    margin: 0;
    padding: 4px 0 0 2em;
    position: relative;
}
#fx_menu li.mm-contact {
    float: right;
}

#fx_menu a,
#fx_menu strong {
    color: #444;
    display: block;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    font-size: 130%;

    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
}

#fx_menu > ul a,
#fx_menu > ul strong { width: auto; }  /* for other browsers */

#fx_menu ul li:focus,
#fx_menu ul li:hover,
#fx_menu ul li:active { color: #4E734A;}

#fx_menu li:focus a,
#fx_menu li:hover a,
#fx_menu li:active a {color: #4E734A; }

#fx_menu a:focus,
#fx_menu a:hover,
#fx_menu a:active { color: #4E734A; text-shadow:0px 0px 4px rgba(0, 0, 0, 0.4) }

#fx_menu #fx_current { border: 0; }

#fx_menu li.active a,
#fx_menu li.active strong {
    color: #4E734A;
}

#fx_menu div.fx_marker {
    opacity: 0; -webkit-opacity: 0; -moz-opacity:0; -o-opacity: 0;
	width: 2em; height: 1em; 
	z-index: 1;
	background: url(../img/triangle.png) center top no-repeat;
	position: absolute;
	top: 3em; left:50%;
/*	transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; */

}

#fx_menu li.nonactive:hover div.fx_marker {
	opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity:0.5; -o-opacity: 0.5;
	/*transform: translate(0, -0.8em); -webkit-transform: translate(0, -0.8em); -moz-transform: translate(0, -0.8em); -o-transform: translate(0, -0.8em);*/
}

#fx_menu li.active div.fx_marker {
	top: 2em;
    opacity: 1; -webkit-opacity: 1; -moz-opacity:1; -o-opacity: 1;
}

#fx_menu_vertical { 
	position: relative;
}
#fx_menu_vertical ul {
 	margin: 0; padding: 0; 
 	font-size: 120% 
}
#fx_menu_vertical li {
	margin: 0; padding: 0.5em 0 0.5em 0;
	list-style-type: none;
	list-style-image: none;
}
#fx_menu_vertical li a {
	color: #888;
	padding: 20px 0 20px 40px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#fx_menu_vertical li a:hover { color: #4E734A; text-decoration: none;}
#fx_menu_vertical li.active a { color: #4E734A; }


#fx_footer { font-size: 80%; color: #9D9D9D;}
#fx_impressum { padding: 1em 0 1em 0; border-bottom: 1px solid #DDDDDD; margin: 1em 0 1em 0;}
#fx_copyright{ float: left; display: inline;}
#fx_lastmod { text-align: right;}
#fx_share { float: right; display: inline; padding-top: 0.8em;}
#fx_share a { margin: 0 0 0 3px; background-repeat: no-repeat; width: 16px; height: 16px; float: left; display: inline; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity:0.7; -o-opacity: 0.7;}
#fx_share a:hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1;}
#fx_facebook {background-image: url(../img/social/facebook_16.png);}
#fx_twitter {background-image: url(../img/social/twitter_16.png);}
#fx_google {background-image: url(../img/social/google_16.png);}
#fx_delicious {background-image: url(../img/social/delicious_16.png);}
#fx_digg {background-image: url(../img/social/digg_16.png);}

.b_clearfix { display:block; }
.b_clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

/* form formatting */
.csc-mailform {clear: both;}
.csc-mailform  label {display: block; }
.csc-mailform  div.fx_form_item { margin-top: 1em;}
.csc-mailform  legend {font-variant: small-caps; font-size: 150%; border-bottom: 1px solid #aaa; width: 100%}
.csc-mailform  div.fx_form_item label:nth-child(1) { font-weight: bold;}
.csc-mailform fieldset {border: 0;}
div.csc-mailform fieldset ol { margin-left:0; margin-top:12px;}
div.csc-mailform fieldset ol li { margin:0;padding: 3px;}
div.csc-mailform fieldset legend + ol {padding-top:2em;}
.csc-mailform fieldset fieldset legend {border:none; font-variant: normal;font-weight:bold; font-size:100%;}
.csc-mailform  {
	padding: 1%;
	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;                                    
}


/* Google site search */
#cse-search-form {position: absolute; width: 25em; top: 2em; right: 2em; text-align: left;}

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #777777;
	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);
*/	font-size: 90% ! important;
	background-image: none ! important;
  }
  td.gsc-input {padding-right: 0.5em;}
  input.gsc-search-button {
    border-color: #666 ! important;
    background-color: #666 ! important;
	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);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	font-weight: normal ! important;
	font-size: 90% ! important;
	text-shadow: none ! important;
  }
  input.gsc-search-button:hover {
    border-color: #444 ! important;
    background-color: #444 ! important;
  }
  td.gsc-search-button {padding-left: 0.5em;}
  td.gsc-clear-button {display: none;}
  .gsc-completion-container {text-align: left; font-size: 90% ! important;}
  
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #333333;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #000000;
  }
  
  .gs-webResult.gs-result .gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult.gs-result .gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
  }
  .gs-promotion.gs-result {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #444444;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #00CC00;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #333333;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #00CC00;
  }

/** ------------ frentix boxes , angebote, offers, packages --------------- **/

/* for all */
.fx_box_offsmall,.fx_box_offmedium,.fx_box_offlarge{
		padding:8px;
	border:1px solid #ccc;
	border-radius: 16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	margin-right:20px;
	position:relative; /* important for badges, sticker */
	width:195px;
}

p.fx_box_offsmall,div.fx_box_offsmall {
	background-image: linear-gradient(top, rgb(219,245,186) 11%, rgb(165,179,127) 100%);
	background-image: -o-linear-gradient(top, rgb(219,245,186) 11%, rgb(165,179,127) 100%);
	background-image: -moz-linear-gradient(top, rgb(219,245,186) 11%, rgb(165,179,127) 100%);
	background-image: -webkit-linear-gradient(top, rgb(219,245,186) 11%, rgb(165,179,127) 100%);
	background-image: -ms-linear-gradient(top, rgb(219,245,186) 11%, rgb(165,179,127) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.11, rgb(219,245,186)),
		color-stop(1, rgb(165,179,127))
	);
}
p.fx_box_offmedium,div.fx_box_offmedium {
	background-image: linear-gradient(top, rgb(197,245,139) 11%, rgb(154,173,100) 100%);
	background-image: -o-linear-gradient(top, rgb(197,245,139) 11%, rgb(154,173,100) 100%);
	background-image: -moz-linear-gradient(top, rgb(197,245,139) 11%, rgb(154,173,100) 100%);
	background-image: -webkit-linear-gradient(top, rgb(197,245,139) 11%, rgb(154,173,100) 100%);
	background-image: -ms-linear-gradient(top, rgb(197,245,139) 11%, rgb(154,173,100) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.11, rgb(197,245,139)),
		color-stop(1, rgb(154,173,100))
	);
}
p.fx_box_offlarge,div.fx_box_offlarge  {
	background-image: linear-gradient(top, rgb(170,242,83) 11%, rgb(133,163,42) 100%);
	background-image: -o-linear-gradient(top, rgb(170,242,83) 11%, rgb(133,163,42) 100%);
	background-image: -moz-linear-gradient(top, rgb(170,242,83) 11%, rgb(133,163,42) 100%);
	background-image: -webkit-linear-gradient(top, rgb(170,242,83) 11%, rgb(133,163,42) 100%);
	background-image: -ms-linear-gradient(top, rgb(170,242,83) 11%, rgb(133,163,42) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.11, rgb(170,242,83)),
		color-stop(1, rgb(133,163,42))
	);
}

/** -- the web 2.0 badges , sticker -- */
.fx_box_badge {
	position: absolute;
	width:94px;
	height:94px;
	right:-20px;
	top:-36px;
}
	
.fx_box_offsmall .fx_box_badge{
	background: transparent url(../img/badge_de_fx_small.png) no-repeat left top;
}
.fx_box_offmedium .fx_box_badge{
	background: transparent url(../img/badge_de_fx_medium.png) no-repeat left top;
}
.fx_box_offlarge .fx_box_badge{
	background: transparent url(../img/badge_de_fx_large.png) no-repeat left top;
}

/** ---------- fixes for ipad ----------------- **/
@media only screen and (max-device-width: 1024px) { 
	
	#fx_main { margin-top:4px;}
	#fx_bg_wrapper {width:900px;}
	
	
	.fx_box_offsmall,.fx_box_offmedium,.fx_box_offlarge{
		width: auto;
	}


}


/** ----- rss ----- **/
	
.fx_rssfeed ul {
	margin-left:0;
}
.fx_rssfeed li {
	margin-left:0;
	font-size:smaller;
	margin-bottom:4px;
}