/*----- LESS PREPROCESSOR INSTRUCTIONS -----*/

/*----------------------------------------------------------------------------------------------------*/

/*Colors*/

@brown: #7e5e42;

@darkBrown: (@brown - #111111);

@lightGrey: #f1f1f1;

@darkGrey: #8a8a8a;

@headlineColor: #373737;

@textColor: #616161;



/*Fonts*/

@headline: Times New Roman, serif;

@text: Arial, Verdana, Tahoma, sans-serif;



/*Classes*/

.clear{clear:both;}

.centered{width: 960px;margin: 0px auto;}

.centeredWithPadding{width: 940px;padding: 0px 10px;margin: 0px auto;}





/*----- GLOBAL CSS INSTRUCTIONS -----*/

/*----------------------------------------------------------------------------------------------------*/

*{margin:0px;padding:0px;border:none;}

html{overflow: auto;min-height: 100%;}

body{min-height: 100%; line-height: 1.4;background: #fff;font-family: @text;color: @textColor;font-size: 14px;}

h1{font-size: 30px; font-family: @headline;font-weight: normal;color: @headlineColor;text-transform: uppercase;margin-bottom: 15px;}

h1:before{content: '// ';color: @brown;}

h2{font-size: 16px; font-family: @headline; font-weight: bold; color: @brown;text-transform: uppercase;margin-bottom: 8px;}

#content h2, #contentLeftColumn h2{padding-left:25px;}

h3{}



a{text-decoration: none;color: @brown;outline:none;}

a:hover{color: @darkBrown;}

p{margin-bottom: 25px;}





/*----- HEADERWRAPPER -----*/

/*----------------------------------------------------------------------------------------------------*/

#headerwrapper #topheader{position: relative;height: 155px;padding-top: 25px;.centered;margin-bottom: -80;z-index: 999999;}

#headerwrapper #slider{margin-top: -180px;}



/*Topheadernav*/

#headerwrapper .mod_customnav{width: 235px;position: absolute;top: 5px; right: 40px;}

#headerwrapper .mod_customnav a, #headerwrapper .mod_customnav span{font-family: @text;font-size: 11px;text-transform: uppercase;color: @darkGrey;}

#headerwrapper .mod_customnav a:hover, #headerwrapper .mod_customnav span{color: @brown;}

#headerwrapper .mod_customnav ul{list-style-type:none;}

#headerwrapper .mod_customnav ul li{display: inline;}

#headerwrapper .mod_customnav ul li:before{content: ' // ';color: @darkGrey;font-weight: bold;}

#headerwrapper .mod_customnav ul li.first:before{content: '';}

#topheader_fb{width: 24px;height: 24px;position: absolute;top: 5px;left: 939px;}



/*----- NAVIGATIONWRAPPER -----*/

#headerwrapper #navigationwrapper #navigation{.centered;position: relative; margin-top:-38px;z-index: 999999;}

#headerwrapper #navigationwrapper #navigation .mod_navigation ul{list-style-type: none;}

#headerwrapper #navigationwrapper #navigation .mod_navigation ul li{display: inline-block;margin-right: -3px;padding: 28px 10px 0px 10px;height: 38px;background-image: url(../tl_files/gui/navigation_background.png);}

#headerwrapper #navigationwrapper #navigation .mod_navigation ul li.active,

#headerwrapper #navigationwrapper #navigation .mod_navigation ul li:hover{background-image: url(../tl_files/gui/navigation_active_background.png);background-position: center top;}

#headerwrapper #navigationwrapper #navigation .mod_navigation ul li a,

#headerwrapper #navigationwrapper #navigation .mod_navigation ul li span{color: @headlineColor; font-family: @headline; font-size: 13px; text-transform: uppercase; }





/*----- CONTENTWRAPPER -----*/

/*----------------------------------------------------------------------------------------------------*/

#contentwrapper{.centered; margin-top: 40px;padding-bottom: 40px;}



/*Left Column*/

#contentwrapper #contentLeftColumn{float:left;width: 640px;margin-right: 60px;}

#contentwrapper #contentLeftColumn p{padding-left: 25px;}
.toggler{padding-left: 25px;font-weight:bold;cursor:pointer;}
.toggler::before{content:'+';font-weight:bold; margin-right:10px;}

#contentwrapper #contentLeftColumn .mod_article .dotted{border-bottom: dashed 1px @darkGrey;padding-bottom: 20px;margin-bottom: 20px;}
#contentLeftColumn h2{font-size:26px !important;}
#contentLeftColumn a{text-decoration:underline;}


/*Right Column*/

#contentwrapper #contentRightColumn{float:left;width: 240px;}

.eventlistwrapper{padding:20px 30px;background-color:@lightGrey;margin-bottom:5px;background-image: url(../tl_files/gui/eventlist_background.png);background-position:bottom right; background-repeat: no-repeat;}

#contentLeftColumn .eventlistwrapper h2, #content .eventlistwrapper h2{margin-left: -25px;}
 

.eventlistwrapper .more{font-size: 14px; font-family:@headline;color: @brown;text-transform: uppercase;font-weight: bold;}

#contentwrapper #contentRightColumn .alle_termine{font-size: 14px; font-family:@headline;color: @brown;text-transform: uppercase;font-weight: bold;padding:5px 30px;background-color:@lightGrey;margin-bottom:5px;background-image: url(../tl_files/gui/eventlist_background.png);background-position:bottom right; background-repeat: no-repeat;}

#contentwrapper #contentRightColumn #likebox{width:240px;overflow: hidden;background-color:@lightGrey;background-image: url(../tl_files/gui/eventlist_background.png);background-position:bottom right; background-repeat: no-repeat;height: 272px;}

#contentwrapper #contentRightColumn #likebox iframe{position: relative; top: -1px;left: -1px;}



#content .info{padding-left: 25px;margin-bottom: 0px;}

#content .ce_text p, #content .back, #content .formbody, #contentLeftColumn .ce_image{padding-left: 25px;}



#content .ce_form .text{font-family:@text;color:@textColor;width: 300px; padding: 2px 5px;border: solid 1px @darkGrey;margin-bottom: 5px;margin-left: 10px;}

#content .ce_form .textarea{font-family:@text;color:@textColor;width: 500px; height: 200px; padding: 2px 5px;border: solid 1px @darkGrey;margin-bottom: 5px;margin-left: 10px;}

#content .ce_form .submit{font-family:@headline;color:@brown;padding: 5px 10px;margin-left: 10px;text-transform:uppercase; }

/*----- SITEFOOTER -----*/

/*----------------------------------------------------------------------------------------------------*/

#sitefooterwrapper{background-color: @lightGrey;height: 125px;padding-top: 25px;}

#sitefooter{.centered;}

#sitefooter .mod_customnav{width:80px; padding-left:40px; float:left; margin-left: 20px;background-image: url(../tl_files/gui/footerColumn1.jpg);background-position: top left; background-repeat: no-repeat;margin-right:60px;}

#sitefooter .mod_customnav li{list-style-type: none;}

#sitefooter .mod_customnav li a{color: @headlineColor;font-size: 11px;font-weight: bold;}

#sitefooter .mod_customnav li a:hover{color: @brown;}

#sitefooter #footerColumn2{float:left; background-image: url(../tl_files/gui/footerColumn2.jpg);background-position: top left; background-repeat: no-repeat;padding-left: 32px;color: @headlineColor;font-size: 11px;margin-right: 60px;}

#sitefooter #footerColumn3{float:left; background-image: url(../tl_files/gui/footerColumn3.jpg);background-position: top left; background-repeat: no-repeat;padding-left: 40px;color: @headlineColor;font-size: 11px;margin-right:60px;}

#sitefooter #footerColumn4{float:left; background-image: url(../tl_files/gui/footerColumn4.jpg);background-position: top left; background-repeat: no-repeat;padding-left: 40px;color: @headlineColor;font-size: 11px;}

.shareaholic-share-buttons-container ul.shareaholic-share-buttons{margin-top:15px !important;margin-left:-10px !important;}

.shareaholic-share-button{display: list-item !important;}