@charset "utf-8";
/* CSS Document  */

/* --- Allgemeines --- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#4a555f;
	background:#799697 url(/_gfx/liofolacademy/bg.jpg) no-repeat center top;
	margin:0;
}

h1 {
	font-size:28px;
	font-weight:bold;
	margin:0;
	padding-bottom:14px;
	color:#fff;
}

h1 + p {
	margin-top:10px;
}

h2{
	font-size:17px;
	line-height:21px;	
	margin: 6px 0 9px;
}

p {
	margin-bottom:1.2em;
}

a img{
	border:0;
}

ul {
	padding-left:1.3em;
	list-style-image: url(/_gfx/liofolacademy/content_li.gif);
}

li {
	margin:0;
}

#mainWrap {	
	margin:0 auto;
	width:940px;
}

#container{
	position:absolute;
	width:940px;
	padding:0;
	top:130px;
}

#header	{height:1%;}

#containerend {
	width:940px;
	height:9px;
	background: url(/_gfx/liofolacademy/bg_cnt-brd-btm.png) no-repeat 0 0;
}

#content{
	background:#f1f1f1;
	padding:0;	
	height:1%;
	border: 1px solid #fff;
}
.area1 #content, .area2 #content, .area3 #content, 
.area4 #content{background:#f1f1f1 url(/_gfx/liofolacademy/bg-gradient-cont-hor.jpg) repeat-y 0 0;}
	

#breadcrumb {
	background:#f1f1f1;
	padding:7px 8px 10px;
	font-size:11px;
	color: #707070;
	border-bottom:1px solid #cacece;
}

#breadcrumb a{
	color: #707070;
	padding:0;
	text-decoration:none;
}

#breadcrumb a.active{
	font-weight:bold;
}

#breadcrumb a:hover{
	text-decoration:underline;
}

a, a:visited,
#breadcrumb a.active,
.area1 .btnSignup,
.area1 #leftnav a,
.area1 h1,
.area1 .maincopy p,
.area1 h2,
.teaser1 h2,
.teaser1 h2 a,
.area1 .coloured,
.teaser1 .coloured,
.teaser1 .coloured a,
.teaser1 .nextCourse p,
.btnSubmit .senden {color:#006eac;}
.area2 .btnSignup,
.area2 #leftnav a,
.area2 h1,
.area2 .maincopy p,
.area2 h2,
.teaser2 h2,
.teaser2 h2 a,
.area2 .coloured,
.teaser2 .coloured,
.teaser2 .coloured a,
.teaser2 .nextCourse p {color:#7e1c7d;}
.area3 .btnSignup,
.area3 #leftnav a,
.area3 h1,
.area3 .maincopy p,
.area3 h2,
.teaser3 h2,
.teaser3 h2 a,
.area3 .coloured,
.teaser3 .coloured,
.teaser3 .coloured a,
.teaser3 .nextCourse p {color:#278b55;}
.area4 .btnSignup,
.area4 #leftnav a,
.area4 h1,
.area4 .maincopy p,
.area4 h2,
.teaser4 h2,
.teaser4 h2 a,
.area4 .coloured,
.teaser4 .coloured,
.teaser4 .coloured a,
.teaser4 .nextCourse p {color:#e73329;}

.area1 h1 {
	border-bottom:2px solid #006ab1;
	line-height:30px;
}
.area2 h1 {
	border-bottom:2px solid #7e1c7d;
	line-height:30px;
}
.area3 h1 {
	border-bottom:2px solid #278b55;
	line-height:30px;
}
.area4 h1 {
	border-bottom:2px solid #e73329;
	line-height:30px;
}
.teaser1 h2 a, .teaser2 h2 a, .teaser3 h2 a, .teaser4 h2 a {
	text-decoration:none;
}

#keyvisual {
	padding:9px 9px 0;
}

#keyvisualcopy  {
float:left;
position:relative;
}

#includenewsbox {
	position:absolute;
	left:5px;
	top:262px;
	z-index:100;
}
.home #includenewsbox {
	top:293px;
	left:-6px;
}

.maincopy {
	position:absolute;
	top:120px;
	width:362px;
	left:48px;
}

.area1 .maincopy, .area2 .maincopy, .area3 .maincopy, .area4 .maincopy {
	top:140px;
	width:380px;
}

.maincopy p {
	font-size:15px;
	margin-top:6px;
}

/* ---  teaser  --- */
.teaserbox {
	height:1%;
	margin:0 9px;
	border-top:1px solid #dcdede;
	background:url(/_gfx/liofolacademy/bg-gradient.jpg) repeat-x 0 1px;
}

.teaser165 {width:165px;}
.teaser369 {width:369px;padding-left:1px;}

/*  BLUE=1  PURPLE=2  GREEN=3  RED=4  */
.teaser1, .teaser2, .teaser3, .teaser4 {
	float:left;
	height:244px;
	border-top: 1px solid #fff;
	border-left:1px solid #acaeae;
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
}

.area1 .teaserbox h2, 
.area2 .teaserbox h2, 
.area3 .teaserbox h2, 
.area4 .teaserbox h2{
	font-size:18px;
	line-height:22px;	
	margin: 16px 14px 0;
}

.teaser1 p, .teaser2 p, .teaser3 p, .teaser4 p{
	color:#454747;
	line-height:16px;	
	margin: 8px 14px 0;
}

.teaser1 p a, .teaser2 p a, .teaser3 p a, .teaser4 p a{
	color:#454747;
	text-decoration:none;
}

.teaser1 .teaserMore, .teaser2 .teaserMore, .teaser3 .teaserMore, .teaser4 .teaserMore {
	position:absolute;
	bottom:38px; /* value may differ at inline style */
	left:0;
}

.teaserbox .fc{
	border-left:0px;
	padding-left:0;
}

.home .teaserbox .fc{
	border-left:0px;
	padding-left:inherit;
}
/* --- E o teaser --- */

/* ---   Home   --- */
.home h1 {
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding-bottom:7px;
	color:#fff;
	border-bottom:2px solid #fff;
}

.home #keyvisual {
	padding-bottom:9px;
}

.home .maincopy {
	left:38px;
}

.home .maincopy p {
	color:#fff;
}

.home .teaserbox {
	margin:2px 0 0;
}

/*  BLUE=1  PURPLE=2  GREEN=3  RED=4  */
.home .teaser1, .home .teaser2, .home .teaser3, .home .teaser4 {
	height:244px;
}

.home .teaser-BIG {
	width:400px;
	/*border-left:0 !important;*/
	padding:0 0 0 39px !important;
}

.home .teaserbox h2 {
	font-size:16px;
	line-height:19px;
	margin: 16px 14px 0;	
}

.home .teaser-BIG h2{
	font-size:24px;
	line-height:normal;
	margin:12px 0 8px;
}

.home .teaser-BIG p{
	font-size:13px;
	line-height:normal;
	margin:8px 0;
}

.home .teaser-BIG p a.btnMore{
	margin-top:20px;
}

.home .nextCourse {
	position:absolute;
	bottom:6px;
	left:39px;
	width:360px;
	border-top:1px solid #acaeae;
	padding-bottom:13px;
}

.home .nextCourse p {
	position:relative;
	margin-top:17px;
	margin-bottom:0;
}

.home .btnSignup {
	position:absolute;
	right:0;
	top:4px;
}
	
/* ---   E o Home   --- */
/* ---   Subpages   --- */
#leftnav,
#copy {float:left}

#leftnav {
	width:180px;
	overflow:hidden;
}

#leftnav a {
	display:block;
	padding:15px 25px 13px 14px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	background:transparent url(/_gfx/liofolacademy/bg-gradient-left-hor.jpg) repeat-y 0 0;
	border-bottom:1px solid #fff;
	border-right:1px solid #cacece;
}


#leftnav a:hover,
#leftnav a.active{border-right:0;color:#fff;}
.area1 #leftnav a:hover,
.area1 #leftnav a.active{background:#0063a3 url(/_gfx/liofolacademy/bg-left-nav-blue.gif)   repeat-y 100% 50%;}
.area2 #leftnav a:hover,
.area2 #leftnav a.active {background:#711d74 url(/_gfx/liofolacademy/bg-left-nav-purple.gif) repeat-y 100% 50%;} /* #651463 */
.area3 #leftnav a:hover,
.area3 #leftnav a.active {background:#007a4a url(/_gfx/liofolacademy/bg-left-nav-green.gif)  repeat-y 100% 50%;}
.area4 #leftnav a:hover,
.area4 #leftnav a.active {background:#d31f1d url(/_gfx/liofolacademy/bg-left-nav-red.gif)    repeat-y 100% 50%;}

#leftnav .pastleftnav {
	background:url(/_gfx/liofolacademy/bg-gradient-pastnav.jpg) no-repeat 0 0;
	height:268px;
}

#leftnav .nextCourse {
	padding:23px 11px 105px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	height:1%;
	position:fixed;
}

#leftnav .nextCourse a.btnSignup,
#leftnav .nextCourse a:hover.btnSignup {
	display:block;
	width:164px;
	margin:15px 0 15px -3px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	overflow:visible;
	border:0;
	background:none;
}

#leftnav .nextCourse .btnSignup b {display:block; overflow:hidden; height:4px;margin:0}
#leftnav .nextCourse .btnSignup b.bt {background:url(/_gfx/liofolacademy/btn-signup-t.png) no-repeat 0 0;}
#leftnav .nextCourse .btnSignup b.bb {background:url(/_gfx/liofolacademy/btn-signup-b.png) no-repeat 0 0;}
#leftnav .nextCourse .btnSignup .bc {
	display:block;
	padding:5px 50px 5px 10px;
	background-position: right bottom;
	background-repeat: no-repeat;}
.area1 #leftnav .nextCourse .btnSignup .bc {background-image:url(/_gfx/liofolacademy/btn-signup-c-blue.png)}
.area2 #leftnav .nextCourse .btnSignup .bc {background-image:url(/_gfx/liofolacademy/btn-signup-c-purple.png)}
.area3 #leftnav .nextCourse .btnSignup .bc {background-image:url(/_gfx/liofolacademy/btn-signup-c-green.png)}
.area4 #leftnav .nextCourse .btnSignup .bc {background-image:url(/_gfx/liofolacademy/btn-signup-c-red.png)}
/* --- E o leftnav --- */

#copy {
	width:758px;
	position:relative;
}

#copy.cont {
	width:680px;
	padding:48px 38px 27px;
	font-size:14px;
	line-height:18px;
}
	
.home .maincopy h1 {
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding-bottom:7px;
}

.area1 .maincopy h1,
.area2 .maincopy h1,
.area3 .maincopy h1,
.area4 .maincopy h1 {
	font-size:23px;
	line-height:25px;
	font-weight:bold;
	margin:0;
	padding-bottom:7px;
}

.dates {
	margin:1px 9px 0;
	padding: 8px 20px;
}
.dates h3{
	font-size:16px;
	font-weight:bold;
	height:1%;
	margin-bottom:5px;
	padding-bottom:8px;
	border-bottom: 1px solid #fff;
}

.dates p{
	color:#fff;
	font-size:14px;
	line-height:17px;
	height:1%;
	margin-bottom:0;
	padding:4px 0;
	border-top: 1px solid #fff;
	position:relative;
}

.dates a {
	color:#fff;
	text-decoration:none;
}

.dates p.fc{
	border-top-width:0;
}

.dates p em{
	font-size:12px;
}

.dates p .downl{
	position:absolute;
	bottom:4px; /* see padding-bottom .dates p */
	right:0;
	color:#fff;
	font-size:14px;
	padding-left:20px;
	text-decoration:none;
	background:url(/_gfx/liofolacademy/icn-download.gif) no-repeat 0 4px;
}

.area1 .dates,
.area1  td.line {background-color:#2582BF;}
.area2 .dates,
.area2  td.line {background-color:#7e1c7d;}
.area3 .dates,
.area3  td.line {background-color:#248952;}
.area4 .dates,
.area4  td.line {background-color:#e7342a;}
 
.area1 .dates h3,
.area1 .dates .downl{color:#00375c;}
.area2 .dates h3,
.area2 .dates .downl{color:#460b50;}
.area3 .dates h3,
.area3 .dates .downl{color:#005a31;}
.area4 .dates h3,
.area4 .dates .downl{color:#701110;}

.area1 .dates p{border-top-color:#69acdf;}
.area2 .dates p{border-top-color:#c488bb;}
.area3 .dates p{border-top-color:#7ec39a;}
.area4 .dates p{border-top-color:#f6af9d;}

.area1 .dates em,
.area1 .dates a:hover{color:#69acdf;}
.area2 .dates em,
.area2 .dates a:hover{color:#c488bb;}
.area3 .dates em,
.area3 .dates a:hover{color:#7ec39a;}
.area4 .dates em
.area4 .dates a:hover{color:#f6af9d;}

.area1 .dates .downl{background-position:0   4px;}
.area2 .dates .downl{background-position:0 -26px;}
.area3 .dates .downl{background-position:0 -56px;}
.area4 .dates .downl{background-position:0 -86px;}

.caption {
	font-size:11px;
	line-height:16px;
}

.ihkimage {
	float:left;
	margin-right:5px;
}

table.agendatab1 {
	/*display:block;*/
	/*height:39px;*/
	/*border-bottom:1px solid #006ab1;*/
	margin: 10px 0 0 0;
	padding:0;
	clear:both;
}
.agendatab1 th, .agendatab1 td{
	text-align:left;
	border-bottom:1px solid #006ab1;
}
.agendatab1 th a{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#7d7d7d;
	border:1px solid #7d7d7d;
	padding:7px 13px 8px;
	text-decoration:none;
}

.agendatab1 th.active,
.agendatab1 th:hover{
	border:1px solid #006ab1;
	border-bottom-width:0;
	text-decoration:none;
}
.agendatab1 th.active a,
.agendatab1 th:hover a {
	color:#006ab1;
	border:0 none;
	padding-bottom:14px;
}
.agendatab1 .active a{
	background-color:#f1f1f1;
}

.agendatab1 .trenner {
	width:10px;
}

ul.agendatab {
	display:block;
	height:39px;
	border-bottom:1px solid #006ab1;
	margin:0;
	padding:0;
	list-style-type:none;
}

.agendatab li {
	display:block;
	/*height:39px;*/
	float:left;
	position:relative;
}
.agendatab li.tabright {float:right;}


.agendatab li a{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#7d7d7d;
	border:1px solid #7d7d7d;
	padding:7px 13px 8px;
	text-decoration:none;
}

.agendatab li.active,
.agendatab li:hover{
	border:1px solid #006ab1;
	border-bottom-width:0;
	text-decoration:none;
}
.agendatab li.active a,
.agendatab li:hover a {
	color:#006ab1;
	border:0 none;
	padding-bottom:14px;
}
.agendatab li.active a{
	background-color:#f1f1f1;
}

.agenda1{
	width:662px;
	margin-bottom:1em;
	border:1px solid #006ab1;
	border-top:0;
	padding:8px;
	/*position:absolute;
	top:39px;
	left:-1px;
	z-index:100;*//* da nicht innerhalb des li-tags benötigt, alles ausgeschaltet  */
	display:block;
}

.agenda th,
.agenda td,
.agenda .fc {
	text-align:left;
	padding:7px 10px;
	line-height:16px;	
}

.agenda td{
	font-size:12px;
}

.agenda th,
.agenda .fc {
	font-size:14px;
}
.agenda th {
	color:#fff;
	font-weight:bold;
	background:#69acdf;
} 

.agenda .fc {
	width:105px;
}

.agendatab li .agenda ul {/* resets agendatab ul */
	list-style-type:disc;
}

.agendatab li .agenda li {/* resets agendatab li */
	display:list-item;
	float:none;
	height:auto;
}
.agendatab li .agenda li:hover {/* resets agendatab li */
	border:none;
}

.agendatab li .agenda a {/* resets agendatab a */
	display:inline;
	padding:0;
	background-color:transparent;
}

.agenda .smallfnt,
.agenda .smallfnt a.more{
	font-size:11px;
	line-height:14px;
}
.agenda .smallfnt strong{
	line-height:16px;
}

.agenda .line {
	height:1px;
	font-size:1px;
	line-height:1%;
	padding:0;
}

.indication {
	text-align:right;
	padding: 27px 38px 0;
	margin: 12px -38px;
	border-top:1px solid #cacece;
}
.indication a{
	padding-right:31px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	background:url(/_gfx/liofolacademy/arrows.gif) no-repeat 100% -32px;
}
.indication a:hover {text-decoration:underline;}

.three100,
.three40,
.three50,
.three60{
	display:block;
	float:left;
}

.three100{width:300px;}
.three40 {width:340px;}
.three50 {width:350px;}
.three60 {width:360px;}

.alpha {
	margin-left:20px;
}

.omega {
	margin-right:20px;
}

.out {
	margin: 0 -50px 0 20px;
	overflow:visible;
}

.out .caption {
	padding-right:20px;
}

.agendaswitch {
	position:relative;
	font-size:17px;
	height:25px;
	line-height:25px;
	margin-bottom:10px;
}

.agendaswitch strong {
	float:left;
}

.agendaswitch .leftswitch, .agendaswitch .rightswitch,
.agendaswitch .leftswitch_active, .agendaswitch .rightswitch_active {
	display:block;
	float:left;
	font-size:14px;
	width:67px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

.agendaswitch .leftswitch{
	margin-left:15px;
	background:url(/_gfx/liofolacademy/btn-switch.gif) no-repeat left bottom;
}

.agendaswitch .rightswitch{
	background:url(/_gfx/liofolacademy/btn-switch.gif) no-repeat right top;
}

.agendaswitch .leftswitch_active,
.agendaswitch .leftswitch:hover{
	margin-left:15px;
	font-weight:bold;
	background:url(/_gfx/liofolacademy/btn-switch.gif) no-repeat left top;
}

.agendaswitch .rightswitch_active,
.agendaswitch .rightswitch:hover{
	font-weight:bold;
	background:url(/_gfx/liofolacademy/btn-switch.gif) no-repeat right bottom;
}

.leftswitch img, .rightswitch img,
.leftswitch_active img, .rightswitch_active img{
	margin-left:6px;
	margin-right:4px;
}

.agendaswitch .downloadbutton {
	display:block;
	position:relative;
	width:265px;
	height:24px;
	font-size:14px;
	float:right;
}

.btn-download {
	display:block;
	width:107px;
	height:24px;
	line-height:24px;
	font-size:11px;
	text-decoration:none;
	background:url(/_gfx/liofolacademy/btn-r-small.gif) no-repeat 100% 0;
}

a.btn-download:hover {
	text-decoration:underline;
}

.btn-download b.bl {
	display:block;
	width:25px;
	height:24px;
	text-align:left;
	float:left;
	background:transparent url(/_gfx/liofolacademy/icn-download.gif) no-repeat 8px -108px;
}

.area1 .btn-download b.bl {background-position:8px -108px;}
.area2 .btn-download b.bl {background-position:8px -108px;}
.area3 .btn-download b.bl {background-position:8px -108px;}
.area4 .btn-download b.bl {background-position:8px -108px;}

.agendaswitch .downloadbutton .btn-download {
	position:absolute;
	top:0;
	left:158px;
}
/* --- E o Subpages --- */

/* ---   Form   ---*/
h1 .getintouch {
	float:left;
	display:block;
	width:128px;
	height:74px;
	margin:-21px 18px 0 -48px;
	background:url(/_gfx/liofolacademy/getintouch-arrow.png) no-repeat 0 0;
}

.getintouch #arrow {
	position:absolute;
	left:-48px;
	top: -21px;
}

fieldset {
	border:1px solid #006ab1;
	margin-bottom: 1em;
	/*background-color:#c6d9e5*/
}

legend {
	font-style:normal;
	color:#4a555f;
	/*background-color:#c6d9e5;*/
	margin:0;
}

.formular {
	padding: 5px 0 13px;
}

label,
.label {
	display:block;
	color:#006ab1;
	font-weight:bold;
	font-size:14px;
	padding-bottom:2px;
}

.area2 label,
.area2 .label {
	color: #7E1C7D;
}

.greytxt {
	color:#4a555f;
}

.inputText,
select,
textarea{
	border:1px solid #006ab1;
	font-size:14px;
	padding:3px 4px 4px;
	background-color:#FFFFFF;
	width:370px;
}
.area2 .inputText,
.area2 select,
.area2 textarea {
	border-color: #7E1C7D;
}

textarea {
	width:492px;
}
select {
	width:240px;
	height:27px;
	text-align:left;
}

.salutation,
.plz,
.leftfloat {
	float:left;
}

.formular .salutation {
	width:135px;
}

.formular .leftfloat {
	width:260px;
}

.formular .leftfloat .inputText {
	width:230px;
}

.formular .plz {
	width:99px;
}

.formular .plz .inputText {
	width:70px;
}

.formular .city .inputText {
	width:270px;
}

.formular .radioplus .radio {
	float:left;
}

.formular .radioplus span {
	margin-left:33px;
	display:block;
	font-weight:normal !important;
}	

blockquote .radioplus {
	margin-left:135px;
	font-weigth:normal;
}

.acceptform {
	width:482px;
	padding:10px;
	background-color:#c6d9e5;
}

.formerror {
	font-weight:bold;
	color:#f00;
}

.btnSubmit {
	text-align:right;
	margin-bottom:0;
}


/* ---   Header   --- */
#header{
	width:940px;
	margin:0;
	position:relative;
}

#header #logo {
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

#header .line {
	margin:0;
	position:absolute;
	top:20px;
	left:0;
	z-index:0;
}

/* --- language menu --- */
#langmenu {width:126px;margin:0;padding:0;height:28px;position:absolute;top:0;left:577px;z-index:100;}
#langmenu a, #langmenu a:visited {text-decoration:none;}
#langmenu dd {display:none;}
#langmenu a:hover {border:0;}
#langmenu:hover dd, #langmenu a:hover dd {display:block;}
#langmenu:hover dl, #langmenu a:hover dl {padding-bottom:10px;}
#langmenu table {border-collapse:collapse; padding:0; margin:-1px; font-size:11px;}
#langmenu dl {position:absolute; top:0; left:0; width: 106px;margin:0; padding: 0 20px 0 0; background: transparent url(/_gfx/liofolacademy/bg-pulldown.gif) no-repeat 100% 0;}
#langmenu dt {margin:0; padding: 0;height:28px;line-height:12px;}
#langmenu dd {margin:0; padding:0; color: #fff; font-size: 11px; text-align:left;}
#langmenu dt a, #langmenu dt a:visited {
	display:block;
	padding:8px 3px 7px 13px;
	font-size: 11px;
	line-height:12px;
	color: #ddd;
	text-transform:uppercase;
	border-right:1px solid #006ab1;
	background: transparent url(/_gfx/liofolacademy/bg-pulldown.gif) no-repeat 0 0;
}
*:first-child+html #langmenu dt a{padding-top:7px;}/* IE7 */
*:first-child+html #langmenu dt a:visited{padding-top:7px;}/* IE7 */

#langmenu:hover dt a, #langmenu a:hover dt a {border-right:1px solid #006ab1;}

#langmenu dd a, #langmenu dd a:visited{
	display:block;
	padding:5px 3px 5px 13px;
	color:#ddd;
	background:#a9aeae;
	text-transform:uppercase;
	border-right:1px solid #006ab1;
	border-left:1px solid #006ab1;
	text-decoration:none;
}

#langmenu dd a:hover {background: #ddd; color:#000; border-left:1px solid #006ab1; border-right:1px solid #006ab1;}

#langmenu dt a img, #langmenu dd a img {
	margin-right:9px;
	border:0;
}
#langmenu b {display:block; overflow:hidden; height:1px;}
#langmenu b.p8 {height:1px; background:#08c; margin:0;}

#suche {	
	float:right;
	height:34px;
	background:url("/_gfx/liofolacademy/bg-suche.gif") no-repeat scroll 0 0 transparent;
}


#suche form {
	display:block;
	height:28px;
	line-height:28px;
	margin:0;
	padding:0;
}

#suche .textfieldsuche {
	background-color:transparent;
	border:medium none;
	padding:3px 0 3px 3px;
	vertical-align:middle;
	width:199px;
	font-size:14px;
	color:#b3b3b3;
}

#suche .submitformsuche {
	height:28px;
	margin-right:1px;
	vertical-align:middle;
	width:22px;
}


/* --- E o language menu --- */

/* ---  mainnav --- */
#mainnav {
	width:100%;
	height:46px;
	position:absolute;
	top:84px;
	left:0;
}

#topnavrow {
	height:38px;
	background:#f1f1f1;
	padding:8px 6px 0 9px;
	margin:0;	
	border: 1px solid #fff;	
	border-bottom:none;
	position:relative;
	display:inline-block;
	float:left;
}

#mainnav ul.navlevel1 li {
	float:left;
	display:inline;
	margin-right:3px;
	/*overflow:hidden;*/
	position:relative;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#f1f1f1;
}

#mainnav ul.navlevel1 li.navBtn1:hover{border-bottom-color:#2582bf;}
#mainnav ul.navlevel1 li.navBtn2:hover{border-bottom-color:#7e1c7d;}
#mainnav ul.navlevel1 li.navBtn3:hover{border-bottom-color:#248952;}
#mainnav ul.navlevel1 li.navBtn4:hover{border-bottom-color:#e7342a;}

#mainnav ul.navlevel1 li a{
	/*display:block;*/
	padding:5px 3px;
	border-width:3px;
	border-style:solid;
	background:#fff;
	font-size:20px;
	line-height:20px;
	display:block;
	height:100%;
	white-space: nowrap;
	text-decoration:none;
}

#mainnav a.topnaventry {
}

#mainnav ul.navlevel1 li.navBtn1 a{color:#2582bf; border-color:#2582bf;}
#mainnav ul.navlevel1 li.navBtn2 a{color:#651463; border-color:#7e1c7d;}
#mainnav ul.navlevel1 li.navBtn3 a{color:#248952; border-color:#248952;}
#mainnav ul.navlevel1 li.navBtn4 a{color:#e7342a; border-color:#e7342a;}

#mainnav ul.navlevel1 li.navBtn1 a:hover,
#mainnav li.navBtn1 ul.navlevel2{background:#2582bf;color:#fff;}	
#mainnav ul.navlevel1 li.navBtn2 a:hover,
#mainnav li.navBtn2 ul.navlevel2{background:#7e1c7d;color:#fff;}	/*#651463*/
#mainnav ul.navlevel1 li.navBtn3 a:hover,
#mainnav li.navBtn3 ul.navlevel2{background:#248952;color:#fff;}	
#mainnav ul.navlevel1 li.navBtn4 a:hover,
#mainnav li.navBtn4 ul.navlevel2{background:#e7342a;color:#fff;}

#mainnav ul.navlevel1 li a.active{
	border:0;
	padding:8px 6px;
	color:#fff;
}
#mainnav ul.navlevel1 li.navBtn1 a.active {background:#006ab1 url(/_gfx/liofolacademy/bg-gradient-b.jpg) repeat-x 0 0;}	
#mainnav ul.navlevel1 li.navBtn2 a.active {background:#7e1c7d url(/_gfx/liofolacademy/bg-gradient-p.jpg) repeat-x 0 0;}	
#mainnav ul.navlevel1 li.navBtn3 a.active {background:#248952 url(/_gfx/liofolacademy/bg-gradient-g.jpg) repeat-x 0 0;}	
#mainnav ul.navlevel1 li.navBtn4 a.active {background:#e7342a url(/_gfx/liofolacademy/bg-gradient-r.jpg) repeat-x 0 0;}

#mainnav a.topnaventry span {
	padding:0 9px;
}
#mainnav a.topnaventry:hover, 
#mainnav a.active {
	color:#fff;
}
#mainnav a.nolink {
	cursor:default;
}

#mainnav ul.navlevel1 li div {
	position:relative;
	/*padding-top:3px;*/
	top:39px;
}

#mainnav ul.navlevel1 li.navBtn1 div {background:#006ab1;}	
#mainnav ul.navlevel1 li.navBtn2 div {background:#7e1c7d;}	
#mainnav ul.navlevel1 li.navBtn3 div {background:#248952;}	
#mainnav ul.navlevel1 li.navBtn4 div {background:#e7342a;}

#mainnav ul.navlevel1 li .subnav {
	width: 275px;
	position: absolute;
}

#mainnav ul.navlevel2 {
	display:block;
	position:relative;
	padding:6px 10px;
	margin:0;
	border:0;
	list-style:none outside none;
	text-align:left;
}
#mainnav ul.navlevel2 li {
	padding:1px 0;
	margin:0;
	border:none;
	list-style:none outside none;
	float:none;
	display:block;
}
#mainnav li.navBtn1 ul.navlevel2 li {border-bottom:1px solid #69acdf;}
#mainnav li.navBtn1 ul.navlevel2 li.fc {border-top:1px solid #69acdf;}
#mainnav li.navBtn2 ul.navlevel2 li {border-bottom:1px solid #c488bb;}
#mainnav li.navBtn2 ul.navlevel2 li.fc {border-top:1px solid #c488bb;}
#mainnav li.navBtn3 ul.navlevel2 li {border-bottom:1px solid #7ec39a;}
#mainnav li.navBtn3 ul.navlevel2 li.fc {border-top:1px solid #7ec39a;}
#mainnav li.navBtn4 ul.navlevel2 li {border-bottom:1px solid #f6af9d;}
#mainnav li.navBtn4 ul.navlevel2 li.fc {border-top:1px solid #f6af9d;}

#mainnav ul.navlevel1 li ul.navlevel2 li a{
	display:block;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background:none;
	border:none;
	white-space:normal;
}

#mainnav li ul.navlevel2 li a:hover{
	padding:3px;
}

#mainnav li.navBtn1 ul.navlevel2 li a:hover,
#mainnav li.navBtn1 ul.navlevel2 li a.active {background-image:none;background-color:#0063a3;}	
#mainnav li.navBtn2 ul.navlevel2 li a:hover,
#mainnav li.navBtn2 ul.navlevel2 li a.active{background-image:none;background-color:#711d74;}	
#mainnav li.navBtn3 ul.navlevel2 li a:hover,
#mainnav li.navBtn3 ul.navlevel2 li a.active{background-image:none;background-color:#007a4a;}	
#mainnav li.navBtn4 ul.navlevel2 li a:hover,
#mainnav li.navBtn4 ul.navlevel2 li a.active{background-image:none;background-color:#d31f1d;}	

#mainnav ul.navlevel2 li a span {
	display:block;
  padding:3px 4px;
	line-height:18px;
}
/* ---  E o mainnav --- */

#nav-misc {
	float:right;
}
/* ---   End of Header   --- */

/* ---   Footer   --- */
#footer{
	width:940px;
	font-size:10px;
	line-height:14px;
	color:#fff;
	text-transform:uppercase;
	margin:6px 0 0;
	padding:6px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
}

#footer a{
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#footer .metalinks a {
	border-left: 1px solid #FFF;
	padding:0 1px 0 3px;
}
#footer .metalinks a.fc {
	border-left: none;
	padding:0 1px 0 0;
}

.ftrRight {
	position:absolute;
	top:5px;
	right:0;
	text-align:right;
	width:40%;
}

.ftrRight img{
	float:right;
	margin-left:10px;
}
/* --- E o footer --- */

/* --- misc --- */
h1 .sup {font-size:12px;vertical-align:super;}
h2 .sup {font-size:14px;vertical-align:top;}
form sup {font-size:10px;vertical-align:top;}
small {font-size:9px; vertical-align:text-bottom;}

a.nolink {
	cursor:default;
}

.gallerynav {
	float:left;
  padding:10px;
  bottom:45px;
	left:5px;
	padding:10px;
	position:relative;
}
.gallerynav[class] {
  background-image:url(/_gfx/liofolacademy/black50.png);
}


.more {
	padding:0 10px 0 0 !important;
	background:url(/_gfx/liofolacademy/arrows.gif) no-repeat right 5px;
	text-decoration:none;
	display:inline;
	font-weight:bold;
}

.btnShare,
.btnGetintouch {float:left;margin:0;position:relative;}

.btnShare #share_sub {
	background:#2582bf;
	position:absolute;
	top:36px;
	right:0;
	padding:18px 10px;
}

#share_sub a {
	color:#fff;
	text-decoration:none;
}

#share_sub .fc {
	border: 1px solid #69acdf;
	border-width: 1px 0;
	font-size:14px;
	padding:9px 5px;
	display:block;
}

#share_sub .addthis_default_style {
	font-size:12px;
	color:#fff;
}

#share_sub .addthis_toolbox {
	display:block;
	padding:3px 5px 9px;
	color:#fff;
	line-height:18px;
	border-bottom: 1px solid #69acdf;
}

#share_sub .addthis_default_style a {
	margin:6px 3px 0 0;	
	padding:1px;
	background-color:#fff;
	padding:1px !important;
}

#share_sub .addthis_default_style .at300m .at300bs {
	margin-right:0;
}

/* ---- BUTTONS --- */
.btnShare .button {
	display:block;
	width: 74px; /* may differ when inline style in use */
	height:36px;
	line-height:36px;
	font-size:16px;
	text-decoration:none;
	overflow:hidden;
	background:transparent;
}

.btnShare a.button .btnL {
	float:left;
	display:block;
	width:16px;
	height:36px;
	line-height:36px;
	padding:0;
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn.png) no-repeat left bottom;
	cursor:pointer;
}

.btnShare a.button .btnR {
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	padding:0 15px 0 0;
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn.png) no-repeat right bottom;
	cursor:pointer;
}
	
.btnShare a.button:hover .btnL {
	padding:0;
	background-position: left top;
	cursor:pointer;
}	
.btnShare a.button:hover .btnR {
	background-position: right top;
	cursor:pointer;
	color:#fff;
}

.btnGetintouch a.button {
	display:block;
	width: 154px; /* may differ when inline style in use */	
	height:36px;
	line-height:36px;
	font-size:16px;
	text-decoration:none;
	overflow:hidden;
	background:transparent;
}

.btnGetintouch a.button .btnL {
	float:left;
	display:block;
	width:56px;
	height:36px;
	line-height:36px;
	padding:0;
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn-getintouch.png) no-repeat left bottom;
	cursor:pointer;
}

.btnGetintouch a.button .btnR {
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	padding:0 11px 0 0;
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn-getintouch.png) no-repeat right bottom;
	cursor:pointer;
}
	
.btnGetintouch a.button:hover .btnL {
	padding:0;
	background-position: left top;
	cursor:pointer;
}	
.btnGetintouch a.button:hover .btnR {
	background-position: right top;
	cursor:pointer;
	color:#fff;
}

a.btnMore {
	display:block;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
	background:transparent;
}

a.btnMore .btnL {
	float:left;
	display:block;
	width:4px;
	height:22px;
	line-height:22px;
	padding:1px 0;/* so height is 24px */
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn-more.png) no-repeat 0 0;
	cursor:pointer;
}

a.btnMore .btnR {
	float:left;
	display:block;
	height:22px;
	line-height:22px;
	padding:1px 24px 1px 6px;/* so height is 24px */
	color:#006ab1;
	font-weight:bold;
	background:transparent url(/_gfx/liofolacademy/btn-more.png) no-repeat right top;
	cursor:pointer;
}
	
a.btnMore:hover .btnL {
	padding:1px 0;
	background-position: left bottom;
	cursor:pointer;
}	
a.btnMore:hover .btnR {
	padding:1px 24px 1px 6px;
	background-position: right bottom;
	cursor:pointer;
}
*:first-child+html a.btnMore .btnL {padding-top:0px;} /* IE7 */
*:first-child+html a.btnMore .btnR {padding-top:0px;} /* IE7 */
*:first-child+html a.btnMore:hover .btnL {padding-top:0px;padding-bottom:2px;} /* IE7 */
*:first-child+html a.btnMore:hover .btnR {padding-top:0px;padding-bottom:2px;} /* IE7 */


a.btnSignup {
	display:block;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
	background:transparent;
}

a.btnSignup .btnL {
	float:left;
	display:block;
	width:4px;
	height:22px;
	line-height:22px;
	padding:1px 0;/* so height is 24px */
	color:#006ab1;
	background:transparent url(/_gfx/liofolacademy/btn-signup.png) no-repeat 0 0;
	cursor:pointer;
}

a.btnSignup .btnR {
	float:left;
	display:block;
	height:22px;
	line-height:22px;
	padding:1px 24px 1px 3px;/* so height is 24px */
	color:#006ab1;
	font-weight:bold;
	background:transparent url(/_gfx/liofolacademy/btn-signup.png) no-repeat right top;
	cursor:pointer;
}
	
a.btnSignup:hover .btnL {
	padding:1px 0;
	background-position: left bottom;
	cursor:pointer;
}	
a.btnSignup:hover .btnR {
	padding:1px 24px 1px 6px;
	background-position: right bottom;
	cursor:pointer;
}

.btnSubmit .senden {
	font-weight:bold;
	border:none;
	height:33px;
	line-height:33px;
	margin:0;
	padding:0;
	padding:0 20px;
	width:91px;
	background:url(/_gfx/liofolacademy/btn-submit.gif) no-repeat scroll 0 0 transparent;
}

.btnFacebook {
	position:absolute;
	top:0;
	right:238px;
	width:125px;
	height:46px;
}

/* ---------------   clearfix / cleaner   ------------*/

.cleaner  {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	border:none;
	background:transparent;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
		display:inline-block;
}

html[xmlns] .clearfix {
	display:block;
}

* html .clearfix {height: 1%;}