/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/* CSS Document */

/**************************************************
copyright by cortona werbeagentur gmbh
***************************************************
***************************************************
Project:		maakon-akademie.de
File:			style.css
***************************************************
initial author: cortona werbeagentur gmbh
last editor: 	SE
firstVersion: 	02.01.2014
lastVersion: 	11.11.2015
*************************************************/

/*************************************************
FileStructure
**************************************************
1.0 Layout Structure
	1.1 Wrapper
	1.2 Header
	1.3 Container
	1.4 Left
	1.5 Main
	1.6 Right
	1.7 Footer

2.0 Content Structure
	2.1 Content
	2.2 Content Header
	2.3 Content Left
	2.4 Content Main
	2.5 Content Right
	2.6 Content Footer

3.0 Navigation
	3.1 Main Navigation
	3.2 Subnavigation
	3.3 Footer Navigation

4.0 Raum Buchung
*************************************************/
/** Font Icons **/
@font-face {
	font-family: 'icomoon';
	src:url("/files/f/icomoon.eot?21drhx");
	src:url("/files/f/icomoon.eot?21drhx#iefix") format('embedded-opentype'),
		url("/files/f/icomoon.ttf?21drhx") format('truetype'),
		url("/files/f/icomoon.woff?21drhx") format('woff'),
		url("/files/f/icomoon.svg?21drhx#icomoon") format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/**************************************************
1.0 Layout Structure
**************************************************/
body{
	font-family: Tahoma, Verdana, sans-serif;
	font-size:13px;
	background-image: url("/files/i/layout/line_bg.png");
	background-repeat: repeat-x;
	background-position: 0 181px;
	color: #666;
	line-height: 1.4em;
	min-width: 1024px;
}

ul li {
	list-style-image: url("/files/i/layout/listimg.png");
	margin-bottom: 5px;
}

h1{
	background: url("/files/i/layout/h1_bkg.png") no-repeat 0 0/100% 100%;
    color: #fff;
    font-size: 15px;
    padding: 18px 20px 18px 20px;
    line-height: 0px;
    margin-top: 20px;
}

h2 {
	font-size: 15px;
	line-height: 1.4em;
}

a {
	text-decoration: none;
	color: #00b2ef;
}

p.error {
	color: #9C3;
}

#container:after {
    clear: none;
}

/* 1.1 Wrapper ***********************************/

/* 1.2 Header ************************************/

/* 1.3 Container *********************************/
.mod_article {
	padding-bottom: 5px;
}

#main {
	padding-bottom: 40px;
}

#contentbereich h1, #main .right_box h1 {
	margin-left: 0;
	margin-right: 0;
}

#contentbereich p {
	font-size: 12px;
}

#contentbereich > * {
	margin-left: 0;
	margin-right: 0;
}

#container {
    position: inherit;
}
/* 1.4 Left **************************************/

/* 1.5 Main **************************************/

.logo{
	text-align: center;
	margin-top:32px;
}

#main .inside .mod_eventlist .day,
#main .inside .mod_eventlist .time,
#main .inside .mod_subscribe .confirm,
#main .inside .mod_newslist time {
	display: none;
}

#main .inside .ce_text a {
	color: #00b2ef;
}

#main .inside .mod_eventlist .date {
	color: #666;
}

#main .inside .mod_eventlist h2 a,
#main .inside .mod_newslist h2 a {
	color: #666;
	text-decoration: none;
}

#main .inside .layout_short {
	background-image: url("/files/i/layout/events_linie-kurz.png");
	background-position: left bottom;
	background-repeat: no-repeat;
}

#main .inside .layout_short h2,
#main .inside .layout_short p {
	margin-left: 0px;
}

/*#main .inside .layout_short div.teaser p {
	margin-left: -10px;
}*/

#main .inside .layout_full h1 {
	line-height: 1.4em;
	background: none;
	font-weight: normal;
	color: #00b2ef;
	margin-left: 0;
	padding: 0;
}

#main .inside .mod_newsreader p.back {
	padding-bottom: 40px;
	padding-left: 10px;
}

#main .inside .layout_full .section {
    background-color: #f2f2f2;
    margin: 50px 0;
    width: auto;
    display: inline-block;
    padding: 20px 25px;
}

#main .inside .layout_full .section p {
	width: 50%;
	float: left;
	margin: 0;
}

#main .inside .layout_full .section p.first {
	margin-bottom: 15px;
}

#main .inside .layout_full .section p.requirements span {
	margin-right: 5px;
}

#main .inside .layout_full .section span {
	margin-right: 5px;
	font-weight: bold;
}

#main .inside .layout_full h1.ce_headline {
	color: #666;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0;
}

#main .inside .layout_full .ce_text p {
	margin-top: 0;
}

#main .inside .layout_full .enclosure {
	margin-top: 50px;
}

#main .inside .layout_full .enclosure ul {
    background-color: #f2f2f2;
    background-image: url("/files/i/layout/download.svg");
    background-position: 20px 20px;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    margin-bottom: 0;
    padding: 20px 20px 20px 120px;
    min-height: 65px;
}

#main .inside .layout_full .enclosure ul li {
	list-style: none;
}

#main .inside .layout_full .form.upload {
	background-color: #f2f2f2;
	padding: 15px;
}

#main .inside .layout_full .form.upload .submit_container {
	width: auto;
    display: inline-block;
}

#main .inside .layout_full .registrationForm {
	margin-top: 50px;
}

/* 1.6 Right *************************************/
.right_box {
	background-color: #f2f2f2;
	margin-top: 20px;
	box-shadow: 4px 4px 7px #ccc;
	margin-bottom: 20px;
}

.right_box.noneMarginTop {
	margin-top: 0px;
}

.right_box.noneMarginTop.mod_eventenclosures {
	border-top: 1px #666 dashed;
}

.right_box.noneMarginBottom {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.right_box h1 {
	margin-top: 0;
	background: #b1d360;
	background: -moz-linear-gradient(left,  #b1d360 0%, #e7e546 76%, #c3d958 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b1d360), color-stop(76%,#e7e546), color-stop(100%,#c3d958));
	background: -webkit-linear-gradient(left,  #b1d360 0%,#e7e546 76%,#c3d958 100%);
	background: -o-linear-gradient(left,  #b1d360 0%,#e7e546 76%,#c3d958 100%);
	background: -ms-linear-gradient(left,  #b1d360 0%,#e7e546 76%,#c3d958 100%);
	background: linear-gradient(to right,  #b1d360 0%,#e7e546 76%,#c3d958 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d360', endColorstr='#c3d958',GradientType=1 );
}
.right_box h2 {
	font-size: 11px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.right_box h2 a {
	color: #666;
	text-decoration: none;
}
.right_box p {
	font-size: 11px;
}

.right_box > * {
	margin-left: 15px;
	margin-right: 15px;
}

.right_box .ce_image {
	margin-bottom: 15px;
	background: none;
}

.right_box .more {
	text-align: right;
	margin-top: -7px;
}

.right_box .more a {
	color: #666;
}

.right_box.mod_login .submit_container input {
	color: #FFF;
	border: none;
	height: 30px;
	width: 90px;
	outline: none;
	cursor: pointer;
	background: url("/files/i/layout/nav_bg.png") no-repeat;
}

.mod_login.right_box .inerhit {
    height: 30px;
}

.mod_login.right_box .inerhit.first label{
    margin: 0px 25px 0px 18px;
}

.mod_login.right_box .inerhit label{
    margin: 0px 9px 0px 18px;
}

.mod_login.right_box .submit_container {
    position: relative;
    margin-left: 15px;
    margin-top: 10px;
}

.mod_login.right_box .inerhit input#email,
.loginRoom .inerhit input#email {
	width: 67%;
}

.mod_login.right_box .inerhit input#password,
.loginRoom .inerhit .password {
	width: 67%;
}

.right_box .login_info {
	margin-left: 15px;
	margin-right: 10px;
	width: 60%;
	float: left;
}

.registrierung, .pword {
    margin: 15px 0px 5px 30px;
    float: left;
}

#events_startseite {
	position: absolute;
	top: 235px;
	right: 1.3%;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#main .inside #events_startseite h1,
#main .inside .veranstaltungen_box h1 {
	background: url("/files/i/layout/h1_bkg.png") no-repeat 0 0/100% 100%;
}

#main .inside #events_startseite h2,
#main .inside .veranstaltungen_box h2 {
	padding: 0 10px;
	margin-top: -3px;
}

#main .inside #events_startseite p {
	margin: -5px 10px 0px 11px;
	padding-bottom: 13px;
	background-image: url("/files/i/layout/events_linie-kurz.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	line-height: 1.4em;
}

#main .inside .veranstaltungen_box .mod_login label {
	margin: -5px 10px 0px 18px;
}

#main .inside #events_startseite .date,
#main .inside .veranstaltungen_box .date {
	color:#00b2ef;
	margin-left: 20px;
	font-size: 11px;
}

#main .inside #events_startseite .day,
#main .inside #events_startseite .time,
#main .inside #events_startseite .more,
#main .inside .veranstaltungen_box .more {
	display: none;
}

#main .inside #events_startseite {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#main .inside #events_startseite .mod_eventlist,
#main .inside .veranstaltungen_box .mod_eventlist,
#main .inside .veranstaltungen_box .mod_login {
	padding: 0;
	margin: 0;
}

#main .inside #events_startseite #weitere_veranstaltungen {
	color: #00b2ef;
	text-align: right;
	font-weight: bold;
	background-image: none;
	padding-top: 15px;
	margin-bottom: -10px;
}

#main .inside .veranstaltungen_box .weitere_veranstaltungen {
	color: #00b2ef;
	text-align: right;
	font-weight: bold;
	background-image: none;
	padding-top: 15px;
	margin-bottom: -5px;
}

#newsletter img {
	width: 300px;
	float: right;
	height: auto;
}

.newsletter img {
	width: 300px;
	float: right;
	height: auto;
}

/* Kalender */
.room.reserved {
	background: #0f0;
}

.room.booked {
	background: #f00;
}

/*Veranstaltungen*/
/*"Keine Plaetze mehr frei" Button*/
.no_slots {
	background-image: url("/files/i/layout/btn_belegt.png");
	background-repeat: no-repeat;
	text-indent: -10000000px;
	width: 140px;
	height: 60px;
	margin: 0;
}
.register {
	display: block;
	background-image: url("/files/i/layout/btn_anmelden.png");
	background-repeat: no-repeat;
	text-indent: -10000000px;
	width: 140px;
	height: 39px;
	margin: 0;
}


/* Filter */
#filter {
	position: relative;
}

#main .inside #filter p {
	/*float: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	padding-right: 0;
	margin-right: 0;*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-top: 30px;
}

#main .inside #filter p a {
	color: #ccc;
}

#main .inside #liste_filteroptionen {
	display: block;
	overflow: hidden;
	background: url("/files/i/layout/bg_filterliste.png");
	margin-top: -8px;
	padding-top: 0;
}

#main .inside #liste_filteroptionen a {
	color: #666;
}

#main .inside #liste_filteroptionen a:hover {
	color: #00b2ef;
}

#main .inside .filter_button {
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
	padding: 5px 15px;
	color: #fff;
	/*margin: -5px 0px 10px -40px;*/
	position: absolute;
	top: -5px;
	right: 0px;
	cursor: pointer;
}

.filter_button:after {
	content: ' »';
}

.filter_button.active:after {
	content: ' »';
}

/*noetig fuer das Dropdown des Filters*/
.veranstaltungen_artikel {
	overflow: hidden;
	padding-bottom: 200px;
}

#filter ul {
	display: none;
	margin-top: 0;
	padding: 10px 35px;
	z-index: 1;
	background-color: #f2f2f2;
	position: absolute;
	top: 23px;
	right: 0;
	width: 197px
}

.ce_text.filter_element {
	overflow: visible;
}

/*Unterlagen (geschuetzter Bereich)*/
.unterlagen {
	margin-right: 10px;
}

/* 1.7 Footer ************************************/

.cookiebar--position-bottom {
	bottom: 21px;
}

.footer{
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0/ 100% 100%;
	color:#fff;
	font-size:13px;
	line-height: 20px;
	height: 21px;
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.footer .navbox{
	width:200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

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


/***********1.0 Layout Structure End **************
**************************************************/

/**************************************************
2.0 Content Structure
**************************************************/

/* 2.1 Content ***********************************/

/* 2.2 Content Header ****************************/

/* 2.3 Content Left ******************************/

/* 2.4 Content Main ******************************/


/* Startseite
	iconbox */

.iconbox {
	background-color: #f4f4f4;
	margin-top:0;
	float: left;
	display: inline-block;
	width: 99.6%;
}

.iconbox .box{
	float:left;
	text-align: center;
	margin-top:25px;
	margin-bottom:25px;
}

.iconbox .box span{
	color: #797979;
	font-size:12px;
}

.image_container{
	margin:30px 0px 0px 0px;
	padding:0;
}

.image_container img {
	display: block;
}

#image-balken .imageHeader .image_container img {
	width: 100%;
	margin: 0;
}

.imageHeader .image_container img {
	margin: 0 auto;
	height: auto;
}

/* Event Teaser */

.cal_icon{
	margin-top:10px;
}

span.date{
	line-height:30px;
}

.mod_eventlist .teaser p {
	margin-top: 0;
}

.mod_eventlist .no_slots, .mod_eventlist .register {
	margin: 0;
}

p.lines{
	margin-top:30px;
	margin-bottom:30px;
	clear: both;
}

.mod_eventlist .header {
    background-image: url("/files/i/layout/events_linie-kurz.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 0 0;
}

.mod_eventlist .header.first {
	background-image: none;
}

.mod_eventlist .event.layout_teaser {
    padding-bottom: 20px;
}

/* Anmeldeformular */

#veranstaltung-details div.formbody label {
	min-width: 110px;
	float: left;
}

#veranstaltung-details div.formbody input {
	width: 324px;
	clear: right;
	margin-bottom: 10px;
}

#veranstaltung-details div.formbody select#ctrl_gender {
	margin-bottom: 10px;
}

#veranstaltung-details div.formbody select#ctrl_country {
	width: 330px;
	margin-bottom: 10px;
}

#veranstaltung-details div.formbody input#ctrl_registration {
	width: 324px;
	display: block;
}

#veranstaltung-details div.formbody span.captcha_text {
	display: block;
	margin-left: 110px;
	margin-top: -5px;
	margin-bottom:40px;
}

#veranstaltung-details div.formbody input#ctrl_acceptAgb,
#veranstaltung-details div.formbody input#ctrl_acceptContact {
	width: 20px;
	margin-bottom: 10px;
}

#veranstaltung-details div.formbody input#ctrl_acceptAgb {
	margin-left: 21px;
}

#veranstaltung-details div.formbody input#ctrl_acceptContact {
	margin-left: 32px;
}

#veranstaltung-details div.formbody input.submit {
	width: 110px;
	margin-top: 15px;
}

#veranstaltung-details div.formbody input#ctrl_email{
	margin-bottom:40px;
}
/* 2.5 Content Right *****************************/

/* 2.6 Content Footer ****************************/

/***********2.0 Content Structure End **************
**************************************************/

/**************************************************
3.0 Navigation
**************************************************/

/* 3.1 Main Navigation ***************************/
.mod_navigation{
	display: inline-block;
	text-decoration: none;
	margin-top:10px;
	text-transform: uppercase;
}

.mod_navigation ul li{
	list-style-image: none;
}

.mod_navigation ul.level_1{
	margin:0;
	position:relative;
	padding:0;
}

.mod_navigation ul.level_1 > li{
	float:left;
	list-style-type: none;
	padding:10px 0;
	height:19px;
	margin-right:53px;
}

.mod_navigation ul.level_1 > li.last{
	margin-right:0px;
}

.mod_navigation ul.level_1 > li.active,
.mod_navigation ul.level_1 > li.trail {
    text-decoration: none;
    background: url("/files/i/layout/nav_bg.png") no-repeat;
    background-position: right;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 33px;
    color: #fff;
    margin-top: -1px;
}

.mod_navigation ul.level_1 > li.trail a {
	color: #FFF;
}

.mod_navigation a {
    text-decoration: none;
    color: #797979;
    display: inline-block;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 33px;
}

.mod_navigation a:hover {
    text-decoration: none;
    background-image: url("/files/i/layout/nav_bg.png");
    background-position: right;
    color: #fff;
}

/* 3.2 Subnavigation *****************************/

/* 3.3 Footer Navigation *************************/

/***********3.0 Navigation End ********************
**************************************************/
div#regestrierung {
    display: inline-block;
}

div#passwort-vergessen, div#registrierung-bestaetigt {
    display: inline-block;
}

/** Login Formular raumbelegung **/
.roomBooking .loginRoom h1 {
    background: url("/files/i/layout/h1_bkg.png") no-repeat;
    color: #fff;
    font-size: 15px;
    width: auto;
    text-align: left;
    padding: 18px 20px 18px 20px;
    line-height: 0px;
    box-shadow: 4px 4px 7px #ccc;
    margin-top: 20px;
    margin-bottom: 0;
}

.roomBooking .loginRoom #tl_login {
    background-color: #f2f2f2;
    margin-top: 0;
    padding: 20px 5px 10px;
    box-shadow: 4px 4px 7px #ccc;
    margin-bottom: 20px;
}

.roomBooking .loginRoom #tl_login .inerhit {
    height: 30px;
}

.roomBooking .loginRoom #tl_login .inerhit.first label{
    margin: 0px 25px 0px 18px;
}

.roomBooking .loginRoom #tl_login .inerhit label{
    margin: 0px 10px 0px 18px;
}

.roomBooking .loginRoom #tl_login .submit_container {
    width: 20%;
    float: inherit;
    position: relative;
    margin-left: 15px;
    margin-top: 10px;
    right: inherit;
    top: inherit;
}

.roomBooking .right_box {
	background-color: transparent;
}

.roomBooking .mod_login {
	padding: 10px;
	background-color: transparent;
}

.roomBooking .mod_login .login_info {
	width: 60%;
	float: left;
}

.roomBooking .mod_login .login_info p {
	font-size: 12px;
}

.roomBooking .mod_login .submit_container {
	width: auto;
    text-align: right;
}

.roomBooking .mod_login .formbody {
	position: relative;
}

.roomBooking .mod_login .submit_container input {
	color: #FFF;
	border: none;
	height: 30px;
	width: 90px;
	outline: none;
	cursor: pointer;
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
}

.roomBooking .right_box {
	margin-bottom: 70px;
	box-shadow: none;
}

/* 4.0 Raum Buchung  *************************/

.roomBooking #main .inside {
    margin-top: 50px;
}

/** Kalender **/
table.calendar {
    width: 100%;
    margin: 0;
    padding: 0 0px 10px;
    border: 2px solid #666666;
    border-spacing: 0px;
    float: left;
}

table.calendar thead th.head {
	border-spacing: 0px !important;
	padding: 15px 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	background-color: #B3B3B3;
}

table.calendar thead th a span {
	color: #FFFFFF;
	font-size: 23px;
}

table.calendar thead th.previous {
	text-align: left;
}

table.calendar thead th.previous span.icon-prev {
	padding-left: 15px;
}

.icon-next:before {
	content: "\e900";
}

table.calendar thead th.next {
	text-align: right;
}

table.calendar thead th.next span.icon-next {
	padding-right: 15px;
}

.icon-prev:before {
	content: "\e901";
}

table.calendar thead th.label {
	border-spacing: 0px !important;
	padding: 20px 0;
	font-size: 11px;
	font-weight: normal;
}

table.calendar thead th.label span {
	display: none;
}

table.calendar tbody .header {
	text-align: center;
	margin: 0 0 10px;
	outline: none;
}

table.calendar tbody .header a {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	display: block;
}

table.calendar tbody tr td:hover {
	background-color: #E0E0E0;
	cursor: pointer;
}

table.calendar tbody td.days.empty .header a {
	cursor: default;
}

table.calendar tbody td.days.empty:hover .header a {
	text-decoration: none;
}

table.calendar tbody td.days {
	outline: none;
	border: 6px solid #FFFFFF;
	padding: 4px;
	background-color: #f2f2f2;
	width: 14.2857142857%;
}

table.calendar tbody td.days.empty {
	background-color: transparent;
}

table.calendar tbody td.days.selected {
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

table.calendar tbody td.days .room {
	width: 21%;
	margin: 0 2px 4px;
	color: #4d4d4d;
	line-height: 13px;
	font-size: 14px;
	float: left;
	text-align: center;
	padding: 5px 4%;
}

table.calendar tbody td.days .room.empty {
	background-color: #CCCCCC;
}

table.calendar tbody td.days .room.booked {
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
}

table.calendar tbody td.days .room.reserved {
	background-color: #f7931e;
}

.mod_room_calendar .legend {
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #666666;
  float: left;
  margin: 0%;
  width: 95.6%;
  padding: 20px 20px 15px;
}

.mod_room_calendar .legend a {
	outline: none;
}

.mod_room_calendar .legend .color {
	display: block;
  width: 100%;
  clear: both;
  height: 35px;
}

.mod_room_calendar .legend .color p {
	padding: 0;
  font-size: 11px;
  margin: 0;
  line-height: 22px;
}

.mod_room_calendar .legend .color .reserved {
	width: 14%;
	float: left;
}

.mod_room_calendar .legend .color .reserved span.reserved {
	width: 20px;
  margin: 0 10px 0 0;
  float: left;
  height: 20px;
  display: block;
	background-color: #f7931e;
}

.mod_room_calendar .legend .color .booked {
	width: 14%;
	float: left;
}

.mod_room_calendar .legend .color .booked span.booked {
	width: 20px;
  margin: 0 10px 0 0;
  float: left;
  height: 20px;
  display: block;
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
}

.mod_room_calendar .legend ul {
	margin: 0;
	padding: 0;
	width: 100%;
  float: left;
  display: block;
}

.mod_room_calendar .legend ul li {
	list-style: none;
	float: left;
	display: block;
	margin: 0 24px 0;
	padding: 1px;
  height: 20px;
	line-height: 20px;
}

.mod_room_calendar .legend ul li:first-child {
	margin-left: 0;
}

.mod_room_calendar .legend ul li .label {
	width: 16px;
  color: #4d4d4d;
  margin: 0 10px 0 0;
  line-height: 13px;
  font-size: 12px;
  background-color: #CCCCCC;
  float: left;
  text-align: center;
  padding: 3px;
}

.mod_room_calendar .legend ul li {
	font-size: 11px;
}

.roomBooking h1 {
	font-size: 16px;
	color: #00b2ef;
	font-weight: bold;
	background: transparent;
	text-align: center;
}

/** List of all Events **/
.roomBooking .room {
	background-color: #f2f2f2;
	padding: 18px;
	width: 100%;
  height: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.roomBooking .room h2 {
	color: #666666;
	font-weight: bold;
	font-size: 14px;
}

.roomBooking .room .leftArea {
	width: 20%;
  display: inline-block;
  height: 100%;
  float: left;
}

.roomBooking .room .rightArea {
	float: left;
  width: 74%;
  display: block;
}

.roomBooking .room .rightArea p.time {
	width: 20%;
  display: inline-block;
  height: 100%;
  color: #666666;
	font-weight: bold;
	font-size: 14px;
  float: left;
}

.roomBooking .room .rightArea .event.layout_list {
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
  background-color: #FFF;
  padding: 10px;
}

.roomBooking .room .rightArea .detail {
	float: left;
	width: 74%;
  position: relative;
  display: block;
}

.roomBooking .room .rightArea .detail h3 {
	font-size: 14px;
	font-weight: normal;
	font-weight: bold;
}

.roomBooking .room .rightArea .detail .booked {
	width: 100px;
  position: absolute;
  right: 0;
  top: 18%;
  height: 36px;
  font-weight: bold;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-align: center;
	background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
}

.roomBooking  .reservationLabel {
	width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 40px auto 0;
  text-align: center;
	background-color: #f7931e;
}

.roomBooking  .reservationLabel a {
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

.roomBooking .room .rightArea .detail .reserved {
	width: 100px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 18%;
  height: 36px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-align: center;
	background-color: #f7931e;
}

/** Form Room reservation **/
.roomBooking #main .mod_room_eventcreate .inside {
	background-color: #f2f2f2;
	padding: 20px;
	margin-top: 0;
	height: 100%;
  display: inline-block;
	margin-bottom: 30px;
	width: 96%;
}

.mod_room_eventcreate .fields {
	width: 100%;
	float: left;
}

.mod_room_eventcreate .fields .section.first {
	margin-left: 0;
  float: left;
  width: auto;
  margin-bottom: 20px;
  margin-right: 40px;
}

.mod_room_eventcreate .fields .section.call {
	margin-right: 50px;
}

.mod_room_eventcreate .fields .section.left {
	margin-left: 100px;
	clear: both;
}

.mod_room_eventcreate .fields .section.first input{
  width: 255px;
  padding: 0 10px;
  border: 2px solid rgb(36,188,235);
  margin: 0 20px 0;
  color: #666;
  outline: none;
  height: 40px;
  line-height: 14px;
}

.mod_room_eventcreate .fields .section.last {margin-right: 0;}

.mod_room_eventcreate .fields .section {
	float: left;
	width: auto;
	margin: 0 40px 0 0;
	font-size: 13px;
	line-height: 40px;
	display: block;
}

.mod_room_eventcreate .fields .section input{
	float: left;
  width: 55px;
  padding: 0 10px;
  border: 2px solid rgb(36,188,235);
  margin: 0 20px 0;
  color: #666;
  outline: none;
  height: 40px;
  line-height: 14px;
}

.mod_room_eventcreate .fields .section h3 {
	float: left;
	margin: 0;
	font-size: 13px;
}

.mod_room_eventcreate .fields .section h3 label {
	font-weight: normal;
}

.mod_room_eventcreate .mandatory {
	display: none;
}

.mod_room_eventcreate .section select {
  width: 198px;
  border-radius: 0;
  height: 40px;
  overflow: hidden;
  margin: 0 20px;
  outline: none;
  background-color: #FFF;
  background-image: url("../../files/i/layout/arrow_down.svg");
  background-repeat: no-repeat;
  border: 2px solid rgb(36,188,235);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 24px;
  padding: 0px 7px;
  color: #666;
  background-position: 162px 9px;
}

.mod_room_eventcreate .section select::-ms-expand {
	display: none;
}

.mod_room_eventcreate .submit_container input {
  width: auto;
  font-weight: bold;
  border: none;
  cursor: pointer;
  padding: 3px 16px;
  bottom: 25px;
  height: 45px;
  position: absolute;
  right: 25px;
  line-height: 34px;
  font-size: 13px;
  outline: none;
  color: #fff;
  text-align: center;
	background-color: #f7931e;
}

.mod_room_eventcreate a.back {
  width: auto;
  font-weight: bold;
  border: none;
  float: left;
  padding: 0 16px;
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  font-size: 13px;
  outline: none;
  color: #fff;
	background: rgb(247,150,38);
}

.mod_registration p.error {
	display: none;
}

.mod_room_eventcreate p.error {
    color: red;
    position: absolute;
    top: 50px;
    font-size: 11px;
}

.mod_room_eventlist  {
	margin-top: 70px;
}

.mod_room_eventlist span.titel {
    text-align: left;
    padding: 0px 0 6px 16px;
    display: block;
}

.mod_article.col-4 {
	padding-bottom: 5px;
}

/** Mod Registration **/
.mod_registration table,
.mod_personalData table,
.mod_lostPassword table {
    background-color: #f2f2f2;
    padding: 10px 15px 40px;
    height: 110%;
    display: block;
    overflow: hidden;
}

.mod_registration table tr,
.mod_personalData table tr {
    height: 50px;
    float: left;
    width: 46%;
}

.mod_lostPassword table tr {
    height: 50px;
    width: 46%;
}

.mod_registration table tr.row_5.odd {
    margin-bottom: 30px;
}

.mod_registration table tr.row_13.odd {
/*    display: inline-block;
    clear: left;*/
    margin-right: 30px;
    margin-top: 30px;
}

.mod_registration table tr.row_14.even  {
	margin-top: 30px;
	margin-right: 0;
}

.mod_personalData .row_15.odd {
	clear: both;
	margin-right: 50px;
}

.mod_personalData .row_16.even {
	margin-right: 0;
}

.mod_personalData table tr.row_last,
.mod_registration table tr.row_last  {
	width: 100%;
}

.mod_registration table tr.row_16.even {
	width: 100%;
	clear: both;
	margin: 30px 0 0 0;
}

.mod_registration table tr.row_16.even td.col_last .captcha_text {
	width: 45%;
	float: left;
	margin-right: 60px;
}

.mod_registration table tr.row_16.even td.col_last input {
	width: 45%;
	float: left;
}

.mod_registration table tr.even,
.mod_personalData table tr.even{
	margin-right: 50px;
}

.mod_registration table tr td,
.mod_personalData table tr td,
.mod_lostPassword table tr td {
	width: 100%;
	display: block;
}

.mod_registration .captcha_text,
.mod_personalData .captcha_text {
	width: 100%;
	display: block;
}

.mod_registration .submit_container,
.mod_personalData .submit_container,
.mod_lostPassword .submit_container {
	text-align: right;
	margin-top: 10px;
}

.mod_personalData p.error,
.mod_registration p.erro  {
	display: none;
}

.mod_registration .submit_container input,
.mod_personalData .submit_container input,
.mod_lostPassword .submit_container input {
   	color: #FFF;
    border: none;
    height: 30px;
    width: 110px;
    outline: none;
    cursor: pointer;
    background: url("/files/i/layout/nav_bg.png") no-repeat;
}

.mod_lostPassword .submit_container input {
	width: 100%;
}

.mod_registration input,
.mod_personalData input,
.mod_lostPassword input {
    width: 100%;
}

input.error,
input.error {
	border: 1px solid #CC0000;
}

.mod_registration select,
.mod_personalData select {
    width: 100%;
}

.mod_registration span.captcha_text {
    width: 100%;
    display: block;
    line-height: 35px;
}


.mod_eventreader .form .info {
	font-weight: bold;
}

.mod_eventreader .layout_full .form .formbody .submit_container input {
	color: #FFF;
    border: none;
    height: 30px;
    width: 110px;
    outline: none;
    cursor: pointer;
    background: url("/files/i/layout/nav_bg.png") no-repeat 0 0 / 100% 100%;
}

.enclosure ul li {
	padding: 0 0 0 25px;
}

.enclosure ul li a {
	width: auto;
}

.enclosure img.mime_icon {
    float: left;
}

.enclosure ul li form {
    width: auto;
    margin-left: 10px;
    display: inline-block;
}

/** Colorbox iFrame **/
.iframe #header,
#cboxCurrent {
	display: none;
}

body.iframe  {
	padding: 0 2%;
	background: transparent;
	min-width:initial;
}

body.iframe #check_all_,
body.iframe #check_all_ + label,
body.iframe #check_all_ + label + br {
	display: none;
}

body.iframe .tl_checkbox_container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

body.iframe .tl_checkbox_container .tl_checkbox {
	width: auto;
	margin: 0 20px 0 0;
}

body.iframe .tl_checkbox_container > legend {
	margin-left: -114px;
  padding: 0;
  line-height: 10px;
}

.iframe .mod_room_eventlist,
.iframe .roomBooking #main .inside {
	margin-top: 0;
}

#cboxLoadedContent {
	border: 5px solid #f2f2f2;
}

#cboxClose {
    background: url("/files/i/layout/close.svg") no-repeat top center / 100% 100%;
    width: 38px;
    height: 38px;
    top:28px;
    right:25px;
    outline: none;
}

@charset 'utf-8';#wrapper{overflow:hidden;margin:0 auto;width:100%;max-width:1400px}.col,.col{clear:both}.col:after,.col:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col{margin-left:-1.3%;margin-right:-1.3%}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;position:relative;margin-left:1.3%;margin-right:1.3%}@media only screen and (min-width:300px){.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12{float:left;margin:0}.col-m-12{width:100%}.col-m-11{width:91.66666%}.col-m-10{width:83.33%}.col-m-9{width:75%}.col-m-8{width:66.66667%}.col-m-7{width:58.333%}.col-m-6{width:50%}.col-m-5{width:41.6665%}.col-m-4{width:33.33%}.col-m-3{width:24.99%}.col-m-2{width:16.66666%}.col-m-1{width:8.33%}}@media (min-width:300px){.col-t-1,.col-t-2,.col-t-3,.col-t-4,.col-t-5,.col-t-6,.col-t-7,.col-t-8,.col-t-9,.col-t-10,.col-t-11,.col-t-12{float:left}.col-t-12{width:100%}.col-t-11{width:91.66666%}.col-t-10{width:83.33%}.col-t-9{width:75%}.col-t-8{width:66.66667%}.col-t-7{width:58.333%}.col-t-6{width:50%}.col-t-5{width:41.6665%}.col-t-4{width:33.33%}.col-t-3{width:24.99%}.col-t-2{width:16.66666%}.col-t-1{width:8.33%}}@media (min-width:300px){#container,#lightbox{width:100%}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;position:relative;margin-left:1.3%;margin-right:1.3%;padding:0}.col-12{width:97.4%}.col-11{width:89.06667%}.col-10{width:80.73333%}.col-9{width:72.4%}.col-8{width:64.06667%}.col-7{width:55.73333%}.col-6{width:47.4%}.col-5{width:39.06667%}.col-4{width:30.73333%}.col-3{width:22.4%}.col-2{width:14.06667%}.col-1{width:5.73333%}.col-offset-12{margin-left:101.3%}.col-offset-11{margin-left:92.96667%}.col-offset-10{margin-left:84.63333%}.col-offset-9{margin-left:76.3%}.col-offset-8{margin-left:67.96667%}.col-offset-7{margin-left:59.63333%}.col-offset-6{margin-left:51.3%}.col-offset-5{margin-left:42.96667%}.col-offset-4{margin-left:34.63333%}.col-offset-3{margin-left:26.3%}.col-offset-2{margin-left:17.96667%}.col-offset-1{margin-left:9.63333%}.col-offset-0{margin-left:1.3%}}