html,body {font-family:verdana;}

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{	clear:both;	height:1px;	border:0;}
.news-list-container {overflow:hidden; position:relative; margin-bottom: 5px; border:0 solid #000;}
.left-news{overflow:hidden; float:left; width:328px; height:auto;margin-bottom:5px;}
.right-news{overflow:hidden; float:right;width:328px;height:auto;margin-bottom:5px;}
.news-search-form {padding:3px; margin-bottom:5px; border:1px solid #666;	background-color:#F9FFE5;}
.news-search-emptyMsg{margin:0;}
.news-search-form FORM {margin:0;}
.news-list-container H3 {margin-bottom: 5px; padding: 2px; border-bottom: 0 solid #769024;}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {padding-left:2px;}
.news-list-container H3 A {}


/*30.03.12*/
.news-list-container IMG {float: left;	border:0 solid #666;	margin-bottom:5px;	margin-right:15px;}
.news-list-item {padding:0 10px 0 0;; margin:0; border:0;}
/*.news-list-item p.bodytext a {float:left;}*/
.news-list-date {font-size: 11px; font-weight: bold;}

.news-list-imgcaption {float: right; padding-top:3px; padding-right:3px; font-size: 9px;}



.news-list-category IMG {	float: none; border:none; margin:0;}
.news-list-morelink,.news-list-category {font-size:9px; margin-left:3px;}
.news-list-morelink  {margin-bottom:3px;}
.news-list-browse {text-align: center;}
/*########### Main ######################################*/
html, body  {position: relative; text-align: center; margin:0; padding:0; width: 100%; height: 100%; font-family: verdana; background-color:#FEC570;}
body {background: #FEC570 url(http://www.salsainbonn.de/fileadmin/www.salsainbonn.de/img/SalsainBonnBack.jpg);}
H1, H2, H3, H4, H5, H6  {margin:20px 0 0 0; font-weight: bold; color: #BE3C02;}
H1 {margin-bottom: 20px; }
H3, H4, H5, H6 {margin-bottom: 10px; }
H1 { font-size: 18px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #8E2603; padding: 0 0 3px 0; }
H2 { font-size: 14px; }
H3 { font-size: 12px; }
H4 { font-size: 11px; }
H5 { font-size: 10px; }
H6 { font-size: 9px; font-weight: normal; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0; }
a:link {font-family:Verdana; color: #ff7900;}
a:visited {font-family:Verdana; color: #be3c02;}

ul li.current a, li.active a {color: #be3c02; font-weight:bold;}
ul li.current ul li a, 
ul li.current ul li a:active,
ul li.current ul li a:link, 
ul li.current ul li a:visited,
ul li ul li a:active,
ul li ul li a:link, 
ul li ul li a:visited {font-weight:normal;color:#fff;}
ul li.current ul li.current a,
ul li.current ul li a:hover, 
ul li ul li a:hover {font-weight:bold;}

hr {border: 1px solid #999999;}
P, UL, OL { font-family: Verdana; font-size: 12px; color: #472A11;}
P {margin-right:0; margin-left:0; }


P.csc-caption { font-size: 12px; }
IMG { border-style: none; }
.csc-textpic-caption { font-family: Verdana; color: #000000; font-size: 10px; }
.csc-header-date {float:right; font-size: 10px;}
.csc-textpic-text {float:left; margin-top:10px;}

/*#header, #outer-wrapper, #footer {width: 960px;}*/
#header, #outer-wrapper, #footer {width: 996px;}

#header-img {width: 650px;}
/*#horizontal{margin-top:0px; padding-left:0; float:left; margin-left:0px;}*/
/*#content-wrapper {position: absolute; top: 235px; left:0; height: auto; background: #FFF7C1; clear: both; margin:0; padding:0;}*/
#outer-wrapper {position: relative; z-index: 0; text-align: left; margin: 0 auto; height: auto; background: #FFF7C1;}
#middle {width:720px; /*max 740px */ padding:0px;	float: right;	z-index: 2;	background: #FFF7C1;}
#middle-content {padding-right:50px;	z-index: 3;}
/*#header {position: absolute; left:0; top:0; height: 235px; background: #FFF7C1; background-image:url(http://www.salsainbonn.de/fileadmin/www.salsainbonn.de/img/head.jpg);	background-repeat:no-repeat;}*/
#header-menu {position: absolute;	left: 20px;	top: 3px;}
#header-menu a {font-family:Verdana; font-size:11px; color: #832310; text-decoration:none;}
#header-menu a:hover {font-family:Verdana; font-size:11px; color: #fff7be; text-decoration:none;}
#header-logo {position: absolute; left: 50px; top: 60px;}
#header-img {position: absolute; left: 290px;top: 45px; }
#header-search {/*position: absolute;top:3px;left:550px;*/float:left;padding-bottom: 20px;padding-top: 15px;}
#header-search input {/*background: #FFF7C1;*/}
/*######################################################*/
/*########### Form ######################################*/
SELECT {font-family: Verdana;font-size: 10px;color: #000000;background-color: #EDEFF1;border:0 solid #CCCCCC;}
TEXTAREA {font-family: Verdana;font-size: 10px;border:0px solid #CCCCCC;color: #000000;font-weight : normal;background-color: #EDEFF1;}
INPUT {font-family: Verdana;font-size: 10px;color: #000000;border: 1px solid #666666;}
BUTTON {font-family: Verdana;font-size: 10px;color: #000000;background-color: #FFF7C1;border: 1px solid #EDEFF1;}
.csc-mailform {width: 250px;border:0 none;font-family: Verdana;font-size: 11px;color: #000000;padding-left: 36px;}
.csc-mailform-field {margin-bottom: 6px;line-height: 18px;float: left;}
.csc-mailform label {width:200px;float: left;}
.csc-mailform-submit {margin-top:25px;float: left;}
/*########### Footer ######################################*/
/*#footer {position: relative;left: 0;height: 90px;clear: both; background-image: url(http://www.salsainbonn.de/fileadmin/www.salsainbonn.de/img/foot.jpg);background-repeat:no-repeat;}
#footer-box {position: relative;margin: 0;padding-left: 6px;padding-right: 6px;padding-top: 68px;}*/
#footer-text {float: left;}
#impressum {float: right;margin: 0;text-align: left;width: 450px;}
#footer-text a, #footer-text a:hover {font-family:Verdana;font-size:11px;color: #832310;text-decoration:none;}
#impressum a, #impressum a:hover {font-family:Verdana;font-weight: bold;font-size:12px;color: #832310;text-decoration:none;}
/*########### Columns ######################################*/
#left {float: left;width: 200px;font-size:10px;}
#left-menu-box, #middle-marker-box {padding:0px;}
#left-marker-box {padding:0px;}
#left-marker {padding:0px;}
#left-content {padding:0px;}
/*########### Menu left ######################################*/
#left-menu{padding-top:10px;margin:0px;}
#left-menu li{border-bottom: 1px solid gray;list-style: none;padding-left: 10px;padding-top: 2px;padding-bottom: 2px;}
#left-menu ul{border-bottom:0;border-bottom: 1px solid #FFF7C1;}
#left-menu ul, li  {margin:0px;font-size: 11px;color:#BD3C01;}
#left-menu li a {text-decoration: none;padding-top: 2px;}
#left-menu ul a {text-decoration: none;}
/*
#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
background: #fff7be;
color: #ff7900;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 30px;
background: #f7e3cb;
color:#BD3C01;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 30px;
background: #fff7be;
color: #BD3C01;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
#left-menu li.left-level-3-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 45px;
background: #f7e3cb;
color:#BD3C01;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 45px;
background: #fff7be;
color: #BD3C01;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
*/
/*########################################################*/
.tx-ccevent-header {margin-bottom: 10px;font-weight: bold;font-size: 22px;}
.tx-ccevent-entry {margin-bottom: 10px;}
.tx-ccevent-area {position: absolute;}
.tx-ccevent-areacontent {color: #000000;/*background-image: url(../../../typo3conf/ext/cc_event/res/ausruf.gif);background-repeat: no-repeat;*/background-color: yellow;width: 350px;height: 150px;position: relative;left: 170px;display: block;padding-top: 5px;padding-left: 25px;padding-right: 5px;}
.tx-ccevent-areacontent table tr td {color:#000000;font-size:10px;}
/*########################################*/
#outline{width:900px;}
#breadcrumbs{float:left;padding-top: 15px;padding-left: 10px;padding-bottom: 20px;font-size: 10px;width:715px;}
#breadcrumbs a{font-size: 10px;}
.menuHGM2 {margin-left:0px;padding-left:0px;}
ul.menuHGM2, ul.menuHGM2 ul {list-style-type: none;}
ul.menuHGM2 a{display: block;padding-top:0;padding-bottom:0;font-family: verdana;font-size: 11px;font-weight:bold;color: #ff7900;text-decoration:none;}
ul.menuHGM2 li {padding:0px;margin:0px;background-image: none;/*background-color: #FFF9E4;*/background-color: #FFF9E4;float:left;}
ul.menuHGM2 ul {padding:5px;margin:0px;position: absolute;background-color: #FFCC7E;border:1px solid #D3783F;display:none;width:185px;}
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menuHGM2 ul.hover, ul.menuHGM2 li.hover ul, ul.menuHGM2 li:hover ul  {display:block;z-index:2;}
ul.menuHGM2 ul li {float:none;padding-top:5px;background-color: transparent;}
ul.menuHGM2 li:hover a{color:#BE3C02;}
/*################## cal Styles ###########################################*/
tx-cal-controller img a{ text-decoration: none;}
/* Styled by TYPO3 Content Rendering Group - ben@netcreators.com 2007 */
/* START new classes and  id's */
#month-header{width: 100%; margin-bottom: 7px; text-decoration: none; border:0;}
#month-header-prevnext {float: left;}
#month-header-icons {float: right; text-align: right;}
#month-header-icons IMG, #month-header-prevnext IMG , #month-footer IMG{border:0 solid;}
#month-footer {width: 735px; margin-bottom: 7px;}
#month-footer-header {text-align: center;}
table.month-small {border: 1px solid #A1A5A9; border-collapse: collapse;}
.month-weeknums {border-right:1px solid #AAAAAA; background-color:#ff7900;}
.month-weekdays {border-bottom:1px solid #AAAAAA; background-color:#ff7900;}
.month-small a:link,.monthoff a:visited {color: #000000;}
.month-small th, .month-small td {padding: 2px; width: 22px; font-size: 10px; text-align: right;}
.month-small th{ text-align: center;}
.month-large {	border: 1px solid #A1A5A9;border-collapse: collapse; font-size:12px;}
.month-large th, .month-large td {border: 1px solid #A1A5A9;}
.month-large .weekday {background-color: #ff7900; height: 12px;}
.month-large .weeknum {background-color: #A1A5A9; width: 22px;}
.month-large .day {height: 100px; width: 100px; vertical-align: top; text-align: left;}
.month-large .daylink {font-weight: bold;}
.month-large .day div {text-align: right; padding-right: 3px;}
/*For the time being calendar-nav remains a table - no proper alternatives came to my mind yet - suggestions?*/
#calendar-nav {}
#calendar-nav td {vertical-align: top;}
#calendar-nav td#previous {width: 175px;}
#calendar-nav td#list {width: 188px;}
#calendar-nav td#legend {width: 188px;}
#calendar-nav td#next {width: 175px;}
#link-ics, #link-admin {width: 100%; text-align: center;}
/* END new classes and  id's */
.calborder {/*background-color: #fff;*/ border: 1px solid #A1A5A9;}
.tbll {background: /*url(../typo3conf/ext/cal/template/img/shadow_l.gif) no-repeat;*/ width: 8px}
.tblbot {background: /*url(../typo3conf/ext/cal/template/img/shadow_m.gif) repeat-x; */width: 100%}
.tblr {background: /*url(../typo3conf/ext/cal/template/img/shadow_r.gif) no-repeat;*/ width: 8px}
.rowOn {background-color: #cfc; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.rowOn2 {background-color: #cfc; border-top: 1px solid #fff;}
.rowOff {background-color: #E1E8F1; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.rowOff2 {background-color: #E1E8F1; border-top: 1px solid #fff;}
.rowToday {background-color: #cff; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.tx-cal-controller .padd {/*XXXpadding: 2px;*/}
.eventbg_1 {/*background-color: #557CA3;*/ background-color: #ffffff; padding: 2px;}
.eventbg_2 {background-color: #53A062; padding: 2px;}
.eventbg_3 {background-color: #E84F25; padding: 2px;}
.eventbg_4 {background-color: #B257A2; padding: 2px;}
.eventbg_5 {background-color: #D42020; padding: 2px;}
.eventbg_6 {background-color: #B88F0B; padding: 2px;}
.eventbg_7 {background-color: #73738C; padding: 2px;}
#allday a {font-size: 10px; color: #fff; font-weight: 900; text-decoration: none;}
#allday a:hover {text-decoration: underline;}
.eventbg2_1 {background-color: #6699CC; border: 1px solid #557CA3;}
.eventbg2_2 {background-color: #4FC464; border: 1px solid #53A062;}
.eventbg2_3 {background-color: #FF6D3B; border: 1px solid #E84F25;}
.eventbg2_4 {background-color: #EA62D4; border: 1px solid #B257A2;}
.eventbg2_5 {background-color: #FF5E56; border: 1px solid #D42020;}
.eventbg2_6 {background-color: #CCB21F; border: 1px solid #B88F0B;}
.eventbg2_7 { background-color: #9292A1; border: 1px solid #73738C;}
.dayborder {background-color: #fff; border-top: 1px solid #A1A5A9;}
.dayborder2 {background-color: #fff; border-top: 1px dashed #ccc;}
.tx-cal-controller .title { /*background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);*/ padding: 5px;}
.tx-cal-controller .title h1 {font-family: Helvetica,sans-serif; font-size: 17px; color: #000; margin: 0;}
.monthBack {background-color: #A1A5A9;}
.monthSmallBasic {text-align: left; vertical-align: top;}
.monthMediumBasic {height: 20px; width: 20px; text-align: left;vertical-align: top;}
.monthOff, .monthOff a:link,.monthOff a:visited {color: #BBBBBB ! important;}
.monthWeekend {background-color: #ffcc7e;}
.monthCurrentWeek {background-color: #F2F9FF;}
.month-small th, .month-medium th, .month-large th {font-weight: normal;}
.month-small th a:link, .month-small th a:visited, .month-medium th a:link, .month-medium th a:visited, .month-large th a:link, .month-large th a:visited{font-weight: bold; color: #000000;}
.monthToday {background:#ff7900 none repeat scroll 0% !important; border-color:#556677 rgb(170, 187, 204) rgb(170, 187, 204) rgb(85, 102, 119) !important; border-style:solid !important;border-width:1px !important;}
.monthToday a:link, .monthToday a:visited {color:#FFFFFF;}
.monthCorner {border-bottom: 1px solid #AAAAAA;}
.monthSelected, .monthSelectedWeek {background-color: #F2F9FF;}
.monthEventTop {/*background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);*/ border-top: 1px solid #A1A5A9;}
.monthEventLine {border-right: 1px dotted #A1A5A9;}
.medtitle {/*background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);*/ height: 20px;margin-top: 3px; font-weight: 900;}
.yearreg {background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px;}
.yearoff {background-color: #F2F2F2; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px;}
.yearon {background-color: #F2F9FF; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px;}
.yearmonth {background-color: #ccc;}
.yearweek {background-color: #eee; width: 30px; font-size: 9px;font-weight: 900;text-align: center;height: 15px;}
.eventborder {background-image: url(../typo3conf/ext/cal/template/img/day_title.gif);border: 1px #006699 solid;}
.dateback {background-color: #eee;}
.weekborder {border-top: 1px dashed #A1A5A9;border-right: 1px solid #A1A5A9;}
.weekborder2 {border-right: 1px solid #A1A5A9;}
.timeborder {border-right: 2px solid #A1A5A9;border-top: 1px dashed #A1A5A9;/*background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);*/}
.timeborder2 {border-right: 2px solid #A1A5A9;border-top: 1px solid #A1A5A9;/*background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);*/}
.tx-cal-controller .navback {/*background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);*/}
.tx-cal-controller .navback img{border:none;}
.tx-cal-controller .sideback {/*background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);*/}
a.psf {text-decoration: none;}
a.psf:link {color: #0066FF;}
a.psf:visited {color: #0066FF;}
a.psf:active {color: #3366CC;}
a.psf:hover {color: #000099;text-decoration: underline;}
a.ps2 {text-decoration: underline;}
a.ps2:link {color: #0066FF;}
a.ps2:visited {color: #0066FF;}
a.ps2:active {color: #3366CC;}
a.ps2:hover {color: #000099;}
a.ps3 {text-decoration: none;}
a.ps3:link {color: #000;}
a.ps3:visited {color: #000;}
a.ps3:active {color: #000;}
a.ps3:hover {color: #000; text-decoration: underline;}
a.ps {text-decoration: none;}
a.ps:link {color: #fff;}
a.ps:visited {color: #fff;}
a.ps:active {color: #fff;}
a.ps:hover {color: #fff;text-decoration: underline;}
.legend_calendar {font-size: 9px;color: #000000;margin-top: 1em;margin-left: 1em;}
.V9 {text-align:left ! important;font-size: 9px;color: #000000;}
.V9 ul {margin-bottom:0;padding-bottom:0;margin-left: 20px;padding-left:0;}
.V9 li {margin-bottom:0;padding-bottom:0;}
.V10W {font-size: 10px;color: #FFFFFF;text-decoration: none;}
.V9W {font-size: 9px;color: #FFFFFF;text-decoration: none;}
.V10WB {font-size: 10px;color: #FFFFFF;font-weight: 900;}
.V9G {font-size: 9px;color: #666666;}
.V10 {font-size: 10px;color: #000000;}
.V9BOLD {font-size: 9px;font-weight: 900;}
.G10 {font-size: 11px;color: #0066FF;}
.G10B {font-size: 11px;color: #000000;}
.G10BOLD {font-size: 11px;font-weight: 900;}
.G10G {font-size: 11px;color: #A1A5A9;}
.V12 {font-size: 12px;color: #000000;}
.tx-cal-controller .eventfont {font-size: 11px;color: #FFFFFF;}
.tx-cal-controller .query_style {font-size: 11px;width: 156px;margin-bottom: 0;}
.tx-cal-controller .search_style {font-size: 12px;width: 134px;margin-bottom: 0;}
.tx-cal-controller .login_style {font-size: 11px;width: 80px;margin-bottom: 0;}
.tx-cal-controller .bold a:link {font-weight: bold;}
.tx-cal-controller .bold a:active {font-weight: bold;}
.tx-cal-controller .bold a:visited {font-weight: bold;}
/* Pagebrowser */
.tx-cal-controller .pagebrowser span {padding: 0 2px;}
/*------------ Category style package: default (blue) - start ------------*/
.default_categoryheader,.default_catheader {/*background-color: #557CA3;*/background-color: #FFFFFF;}
.V9G .default_categoryheader, .V9G .deafult_catheader {background-color: transparent !important; color: #557CA3 !important;}
.default_categoryheader_bullet, .default_catheader_bullet { color: #557CA3; font-size: 13px;}
.default_categoryheader_text, .default_catheader_text { color: #000000;font-size: 11px;margin-left: 3px;}
.default_categoryheader_legend_bullet, .default_catheader_legend_bullet {margin-left: 3px;}
.default_categoryheader_legend_text, .default_catheader_legend_text {}
.default_categoryheader_allday, .default_catheader_allday {text-align: center;background-color: #6699CC;}
.default_categorybody, .default_catbody {background-color: #6699CC;border: 1px solid #557CA3;color: #fff;}
.default_categorybody a:link, .default_catbody a:link { color: #fff;}
/*------------ Category style package: default (blue) - end ------------*/	
/*------------ Category style package: green - start ------------*/
.green_catheader, .green_catheader_allday {background-color: #53A062;}
.V9G .green_catheader {background-color: transparent !important;color: #53A062 !important;}
.green_catheader_bullet {color: #4FC464;font-size: 13px;}
.green_catheader_text {color: #000000;font-size: 11px;margin-left: 3px;}
.green_catheader_legend_bullet {margin-left: 3px;}
.green_catheader_bullet_text {}
.green_catheader_allday {text-align: center; background-color: #4FC464;}
.green_catbody {background-color: #4FC464;border: 1px solid #53A062;color: #fff;}
.green_catbody a:link {color: #fff;}
/*------------ Category style package: green - end ------------*/
/*------------ Category style package: orange - start ------------*/
.orange_catheader, .orange_catheader_allday {background-color: #E84F25;}
.V9G .orange_catheader {background-color: transparent !important;color: #E84F25 !important;}
.orange_catheader_bullet {color: #FF6D3B;font-size: 13px;}
.orange_catheader_text {color: #000000;font-size: 11px;margin-left: 3px;}
.orange_catheader_legend_bullet {margin-left: 3px;}
.orange_catheader_bullet_text {}
.orange_catheader_allday {text-align: center;background-color: #FF6D3B;}
.orange_catbody {background-color: #FF6D3B;border: 1px solid #E84F25;color: #fff;}
.orange_catbody a:link {color: #fff;}
/*------------ Category style package: orange - end ------------*/
/*------------ Category style package: pink - start ------------*/
.pink_catheader, .pink_catheader_allday {background-color: #B257A2;}
.V9G .pink_catheader {background-color: transparent !important;color: #B257A2 !important;}
.pink_catheader_bullet {color: #EA62D4;font-size: 13px;}
.pink_catheader_text {color: #000000;font-size: 11px;margin-left: 3px;}
.pink_catheader_legend_bullet {margin-left: 3px;}
.pink_catheader_bullet_text {}
.pink_catheader_allday {text-align: center;background-color: #EA62D4;}
.pink_catbody {background-color: #EA62D4;border: 1px solid #B257A2;color: #fff;}
.pink_catbody a:link {color: #fff;}
/*------------ Category style package: pink - end ------------*/
/*------------ Category style package: red - start ------------*/
.red_catheader, .red_catheader_allday {background-color: #D42020;}
.V9G .red_catheader {background-color: transparent !important;color: #D42020 !important;}
.red_catheader_bullet {color: #FF5E56;font-size: 13px;}
.red_catheader_text {color: #000000;font-size: 11px;margin-left: 3px;}
.red_catheader_legend_bullet {margin-left: 3px;}
.red_catheader_bullet_text {}
.red_catheader_allday {text-align: center;background-color: #FF5E56;}
.red_catbody {background-color: #FF5E56;border: 1px solid #D42020;color: #fff;}
.red_catbody a:link {color: #fff;}
/*------------ Category style package: red - end ------------*/
/*------------ Category style package: yellow - start ------------*/
.yellow_catheader, .yellow_catheader_allday {background-color: #B88F0B;}
.V9G .yellow_catheader {background-color: transparent !important;color: #B88F0B !important;}
.yellow_catheader_bullet {color: #CCB21F;font-size: 13px;}
.yellow_catheader_text{color: #000000;font-size: 11px;margin-left: 3px;}
.yellow_catheader_legend_bullet {margin-left: 3px;}
.yellow_catheader_bullet_text {}
.yellow_catheader_allday {text-align: center;background-color: #CCB21F;}
.yellow_catbody {background-color: #CCB21F;border: 1px solid #B88F0B;color: #fff;}
.yellow_catbody a:link {color: #fff;}
/*------------ Category style package: yellow - end ------------*/
/*------------ Category style package: grey - start ------------*/
.grey_catheader, .grey_catheader_allday {background-color: #73738C;}
.V9G .grey_catheader {background-color: transparent !important;color: #73738C !important;}
.grey_catheader_bullet {color: #9292A1;font-size: 13px;}
.grey_catheader_text {color: #000000;font-size: 11px;margin-left: 3px;}
.grey_catheader_legend_bullet {margin-left: 3px;}
.grey_catheader_bullet_text {}
.grey_catheader_allday {text-align: center;background-color: #9292A1;}
.grey_catbody {background-color: #9292A1;border: 1px solid #73738C;color: #fff;}
.grey_catbody a:link {color: #fff;}
/*------------ Category style package: grey - end ------------*/
.tx-cal-controller .bold {/*font-weight: bold;*/}
.refresh_calendar {margin-right: 5px;}
/*  Start of moving stuff from the templat into this file */
.tx-cal-controller .weekview {margin: 0 auto;}
.tx-cal-controller .weekview .nextweek_arrow, .tx-cal-controller .weekview .previousweek_arrow {width: 16px;height: 20px;border:0;text-align: left;}
.previsousweek_arrow {text-align: right;}
/*------------- free & busy styles ----------*/
.fnb_header {background-color: #444444;}
.fnb_body {background-color: #888888;border: 1px solid #999999;color: #fff;}
/*------------- list styles ------------*/
.tx-cal-controller .even {background-color: #eeeeee;}
.tx-cal-controller .treelevel0 {}
.tx-cal-controller .treelevel1 {margin-left:20px;}
.tx-cal-controller .treelevel2 {margin-left:30px;}
.tx-cal-controller label {display:block;float:left;margin-bottom:0;padding-right:1em;text-align:right;width:120px;}
.tx-cal-controller fieldset div {clear:left;}
.tx-cal-controller .noborder {border: none;}
.tx-cal-controller .search-result {list-style: none;margin-left:0;padding-left:0;}
.tx-cal-controller .search-result li {padding-bottom: 1em;}
.tx-cal-controller .search_result li .even {background-color: #EEEEEE;}
.tx_cal_controller img .mouse_pointer {cursor:pointer;}
#cal_general,#cal_location,#cal_organizer,#cal_freq,#cal_exception,#cal_files,#cal_notify {height:210px;overflow:auto;padding:8px;}
.x-form-label-top .x-form-item label {width:70px ! important;}
.x-form-invalid, textarea.x-form-invalid {background: none ! important;}
#cal_event_description {margin-top:10px;}
.admin_link {width:100%;text-align:center;}
.ics_link {width:100%;text-align:center;}
.tx-cal-controller .cal_required {color: red;}
.tx-cal-controller .constrain {color: red;font-weight:bold;}
#editorWrap1 textarea {display: block}
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
#tx_cal_controller_create_element {width:540px;}
.basictab ul{margin: 4px;padding: 3px 0;margin-left: 0;font: bold 12px Verdana;border-bottom: 1px solid gray;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}
.basictab li{display: inline;margin: 0;}
.basictab li a{text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid gray;border-bottom: none;background-color: #6699CC;color: #FFFFFF;}
.basictab li a:visited{color: #2d2b2b;}
.basictab li a:hover, .basictab li a.current{background-color: #557CA3;color: #FFFFFF;}
.basictab li a:active{color: #000000;}
.tabcontainer{clear: left;width:95%; /*width of 2nd level sub menus*/height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/}
.tabcontent{display:none;}
#tx_cal_controller_create_element input[type="text"]:not([size]) { width: 6em; /* Desired width of input field */}
#tx_cal_controller_create_element .treelevel0{display:block;margin-left: 70px;}
#tx_cal_controller_create_element p {margin: 7px;}
#tx_cal_controller_create_element .notify, #tx_cal_controller_create_element .shared, #tx_cal_controller_create_element .exception {display:block;margin-left: 140px;}
#sc1 label {width:50px;}
#allday {width:10px;}
#category_tree {float:right; width:200px;	}
#until label, #by_day label, #by_day label, #by_month label{margin-left: 50px;}
#by_month label, #by_monthday label{width: 230px;}
#categoryEntries {height:80px;overflow:auto;}


/*clearing 2012*/
#header {position: absolute; left:0; top:0; height: 279px; background:url(/fileadmin/www.salsainbonn.de/img/1xt.png) repeat-x 0 -10px #FFF7C1;}
#content-wrapper {position: absolute; top: 280px; left:0; height: auto; background: #FFF7C1; clear: both; margin:0; padding:0;}
#horizontal{margin-top:0px; padding-left:0; float:left; margin-left:0px; position:absolute; top:-44px;}
#left-minical .tx-cal-controller h1 {font-size:11px;margin-top:20}
.tx-cal-controller .even {background-color: #FFF7AA; }

dd.even {margin-bottom:20px;}
.tx-cal-controller dd {margin-left:0; padding-top:15px;}
.tx-cal-controller img {float:right;}

#header-flag{float:right;padding-top:3px;padding-right:20px;}
#international{float:right;padding-top:8px;padding-right:10px;}

#footer {position: relative;left: 0;height: 32px;clear: both; background:url(/fileadmin/www.salsainbonn.de/img/1xt.png) repeat-x; padding-top:15px;}
#footer-box {position: relative;margin: 0;padding-left: 6px;padding-right: 6px;}
#tx_odsajaxmailsubscription_pi1 td {
    vertical-align: top;
    width: 121px;
}


/*addToHome - Start*/
/*Main container*/
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:240px;
	font-size:15px;
	padding:12px 14px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}
#addToHomeScreen.addToHomeIpad {
	width:268px;
	font-size:18px;
	padding:14px;
}
/* The 'wide' class is added when the popup contains the touch icon*/
#addToHomeScreen.addToHomeWide {
	width:296px;
}
#addToHomeScreen.addToHomeIpad.addToHomeWide {
	width:320px;
	font-size:18px;
	padding:14px;
}
/*The balloon arrow*/
#addToHomeScreen .addToHomeArrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}
/* The balloon arrow for iPad*/
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}
/*Close button*/
#addToHomeScreen .addToHomeClose {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:4px;
	top:4px;
	width:18px;
	height:18px; line-height:14px;
	text-align:center;
	text-indent:1px;
	-webkit-border-radius:9px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:16px;
}
/*The '+' icon, displayed only on iOS < 4.2*/
#addToHomeScreen .addToHomePlus {
	font-weight:bold;
	font-size:1.3em;
}
/*The 'share' icon, displayed only on iOS >= 4.2*/
#addToHomeScreen .addToHomeShare {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}
/*The touch icon (if available)*/
#addToHomeScreen .addToHomeTouchIcon {
	display:block;
	float:left;
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:no-repeat;
	width:57px; height:57px;
	-webkit-background-size:57px 57px;
	margin:0 12px 0 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}
/*The 'share' icon for retina display*/
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .addToHomeShare {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}
/*addToHome - Stop*/
.int {background-image:url(/fileadmin/www.salsainbonn.de/img/international.png); background-repeat:no-repeat; width:20px; height:13px; float: left; text-indent: -5000px; padding-left:5px;}
.icn_boennsch {background-position:0 0;}
.icn_german {background-position:0 -20px;}
.icn_spanisch {background-position:0 -40px;}
.icn_english {background-position:0 -60px;}
.icn_korean {background-position:0 -80px;}
.icn_japanese {background-position:0 -100px;}
.icn_chinese {background-position:0 -120px;}
.icn_indonesian {background-position:0 -140px;}
.icn_russian {background-position:0 -160px;}




/* base.css - start*/

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong,b { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }


/* base.css - stop *


/* skeleton.css - start*/

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* skeleton.css - stop*/



/* layout.css - start*/
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.top-header .main li {float:none; text-align:center;}
		.sib-slider .four {text-align:center;}
		.tx-yag-thumb-innerframe img, .tx-yag-image img {background-color: auto;border:0;height:auto;margin: 0;padding: 0;width: 100%;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.top-header .main li {float:none; text-align:center;}
		.sib-slider .four {text-align:center;}
		.tx-yag-thumb-innerframe img, .tx-yag-image img {background-color: auto;border:0;height:auto;margin: 0;padding: 0;width: 99%;}		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/* layout.css - stop*/


/* custom.css - start*/

html, body {font-family:verdana; background-color:#fff8ba; } /*#FEC570*/
body {text-align:left;}

.top-header {padding-top:10px;}
.sib-slider {padding:25px 0;}

.nav-bar {height:32px;}
ul.menuHGM2 li {background:none;}

.page-bar form {margin: 20px 0 0 0; float:right;}
.page-bar .search input {float:left;}

.page {background-color:#fff8ba;}
.copyright {padding-bottom: 20px;}

.page-bar {background: url(/fileadmin/sib/img/navbg.png) repeat-x;}
.footer-wrap {background: url(/fileadmin/sib/img/footbg.png) repeat-x 0 -1px #ff9e20;}

a:active, a:link, a:visited {color: #BE3C02; text-decoration: none;}
a:hover {color:#ff9e20;}
/*.top-header a:hover {color:#FFF8BA;}*/

.main li {float:left; /*padding-right:20px;*/}
.inter a {margin-top:5px;}
.sib-slider img {max-width:100%; height:auto;}

/*Feedback*/
.open .inner {padding:10px; background-color:#FF9E20;}
.tx-stwjqueryfeedback-captcha-input {margin-top:10px !important;}
img.tx-srfreecap-pi2-image  {margin:10px 0;}
.tx-stwjqueryfeedback-captcha {width:215px;}
.inner label {padding-bottom:5px;}
.page-bar input[type="submit"] {padding-top:6px;margin-top:0;}

/**/
h1, h2, h3, h4, h5, h6 {font-family:verdana;}
h1 {font-size:26px;}
h2 {font-size:20px; line-height:25px;}
/*h3 {font-size:26px;}
h4 {font-size:26px;}
h5 {font-size:26px;}
h6 {font-size:26px;}*/

#recaptcha_table {border:0 !important;}

/*News*/

/*General*/
.p30 {padding-top: 30px;}

/*Kalender*/
	/*Startseite*/
	.uid-9 .tx-cal-controller dd {display:none;}
	
	#cal-preview .tx-cal-controller h1 {display:none;}
	#cal-preview .found {display: block; font-weight: bold; padding: 35px 0 10px;}
	.daywrap {color:#fff; margin-left:10px; font-weight:bold;}
	#cal-preview dt.odd, #cal-preview dt.even {border-bottom:1px solid #FF7900; padding:10px 0;}
	#cal-preview dt.odd a, #cal-preview dt.even a {display:block;}
	#cal-preview dt span div a.url {display:inline;}
	#cal-preview .startdate {display:none;}
	#cal-preview .V9G {font-size:11px !important;}
	#cal-preview dl dt {padding:0; border-top:0;} 
	/*Events & Co.*/
	.tx-cal-controller dt a.url {font-weight:bold; font-size:16px;}
	.tx-cal-controller .V9G a.url {font-weight:normal !important; font-size:11px !important;}
	
	.tx-cal-controller dl dt {border-top:1px solid #FF7900; padding:10px 0;} 
	.tx-cal-controller dd {clear:both;}
	
	
	/*Mini-Cal*/
	.month-weekdays, .month-weeknums {background-color:#FF7900 !important;}
	
/*Newsletter*/
.footer-wrap #tx_odsajaxmailsubscription_pi1 input[type="text"] {width:85%;border-radius:7px;}
.uid-557 .footer-wrap .tx-odsajaxmailsubscription-pi1 {display:none;}
.uid-557 table td {padding-right:15px; vertical-align:top;}

.uid-553 .news-single-img {
    float: right;
    margin-left: 20px;
}
#calendar-nav {display:none}
#month-header-prevnext > p, #month-header-prevnext > a {
    display: inline;
    float: left;
}
#month-header-prevnext > p {margin-bottom:0}
.facebook-nav img {
    width: 45px;
}

.footer-wrap .facebook-nav img{ width:40px}
.footer-wrap .facebook-nav {margin-top:20px}

.sf-menu li {
    line-height: 12px;
}

a#uid-175 {display: none;}

/* custom.css - stop*/

/*Superfish*/



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em .75em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}
.sf-menu li li {
	background:		/*#FFF8BA #FF9E20*/#E04D31;
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			12px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-BE3C02.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


ul.main li > a {padding:10px 25px 0  0;}
ul.main li ul li a {padding:5px 0 8px 10px;}



#fancybox-left, #fancybox-right{ display:block; position:absolute; z-index:9999; top:45% !important; height:29px !important; width:17px !important;}
#fancybox-close{ background:url(/typo3conf/ext/yag/Resources/Public/Js/JQuery/Fancybox/fancy_close.png) 0 bottom no-repeat; width:34px; height:33px;}
#fancybox-left{ left:5px !important; background: url(/typo3conf/ext/yag/Resources/Public/Images/arrow_left.png) 0 0 no-repeat;}
#fancybox-right{ right:5px !important; background: url(/typo3conf/ext/yag/Resources/Public/Images/arrow_right.png) 0 bottom no-repeat}

.fancy-ico{ display:none !important; background: none !important}

#fancybox-title-over{
    font-size:12px;
    color:#e9e9e9;
    text-align:left;
    line-height:20px;
    overflow:hidden;
}

#fancybox-title-over span{
    /* float:left; width:40%; */
    font-size:18px;
    color:#e9e9e9;
    line-height:30px;
}

#fancybox-title-over p{
    /* float:left; width:60%;*/
    padding-bottom:0;
    margin:3px 0 0 0;
}

#fancybox-left:hover{ background-position:bottom}
#fancybox-right:hover{ background-position:0 0}
#fancybox-close:hover{ background-position:0 0}

#fancybox-content {
    border: 0;
}

#fancybox-outer {
    background-color: #000;
}

.fancybox-title-inside {
    padding-bottom: 0;
}