@charset "utf-8";
/***********************************************/
/* Enhanced CSS2 Stylesheet-Definitions for    */
/* newer Browsers                              */
/* Displaymedium:SCREEN                       */
/***********************************************/
/*div,td,table {border:1px dotted #00FF00;}*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, table, div, td, th, p, a, input, textarea, option, select, span, dl, dt, dd {font-size:1em;}
html,body {margin:0px;padding:0px;font-size:100.01%;}
body{margin:0;padding:8px 0;text-align:center;}
object {margin:0px;padding:0px;}
.message {display:block;margin:1em 0px;border:2px solid #CC0000; color:#cc0000;padding:4px;}
.message h3 {color:#cc0000;margin-top:0.5em;}
.mailformerror {display:block;color:#B80C39;font-size:0.9em;margin:0px 0px 3px 0px !important;padding:0px;line-height:1em!important;}

.clearall {display:block;height:0.1px;line-height:0.1px;font-size:0.1px;overflow:hidden;clear:both;}
* html .clearall {height:1px;}
.clickenlarge {float:right;width:20px;text-align:center;margin-top:-20px;height:20px;background:transparent url('../images/white_corner.png') left top no-repeat;position:relative;overflow:hidden;}
* html .clickenlarge {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cms.muenchen.jugend2000.org/files/templates/images/white_corner.png');}
.clickenlarge img {border:0px !important;margin-top:5px !important;}

.caption a {padding:0px;background-image:none;}
.getflash {display:block;text-align:right;padding:0.4em;margin-top:-3em;background-color:#FFFFFF;z-index:999;}

a:focus,input:focus,textarea:focus {background-color:#00659e !important;color:#FFFFFF !important;}

#lightbox a:focus,#lbCanvas a:focus {background-color:transparent !important;}


/***********************************************/
/* Accessibility		                       */
/***********************************************/

.hidden,
.accessible,
#navi dfn,
#navi .accessHint {position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline;}
#navi .accessKey {text-decoration: underline;}


/***********************************************/
/* Layout                                      */
/***********************************************/
#mainContainer {padding:0px;display:block;width:785px;margin:auto;text-align:left;font-size:9pt; line-height: 130%;background-color:white;}
#container {display:block;float:right;clear:left;width:595px;margin-bottom:1em;background:#ffefaf url('../images/bg-container.jpg') top center no-repeat;}
#header {clear:both;height:140px;margin-bottom:1em;}
#headerImage{float:right;}
#headerTitle {display:block;background-color:#00659e;color:white;text-transform:uppercase;font-size:1.8em;padding:3px 1em;font-family:"Arial Narrow",Arial, Helvetica, sans-serif}
#logo {float:left;}

#navi {display:block;position:absolute;top:127px;width:785px;border-bottom:3px solid #ffefaf;min-height:1.8em;}
#quicklinks {display:block;position:absolute;top:9px;width:785px;}
* html #navi, * html #quicklinks {margin-left:-180px;}

/*********** #rightFrame  ***********/
#rightFrame {width:125px;float:right;border-left:1px solid #CCCCCC;display:none;}

/*********** #rightFrame  ***********/
#leftFrame {width:180px;float:left;padding:1em 0 4em 0;}


/*********** #contentFrame ***********/
#content p {text-align:justify; margin:1em 0px 0.5em 0px;}
#content {margin-top:3em;padding:1.4em 2em;clear:both;margin:0;line-height:155%;color:#333333;}
.toplink {display:block;clear:both;margin:25px !important;padding-bottom:2px;text-align:right !important;font-size:0.9em;border-bottom:1px solid #999999;}

/*********** #bottomFrame   ***********/
#footer {clear:both;display:block;margin:1em 0px;color:#CCCCCC; padding:0.5em 0px 1em;border-top:1px solid #CCCCCC;font-size:0.9em;}
#footer a {color:#CCCCCC;}



/********* Content-Boxen ********/
/********************************/
.cbox {display:block;clear:left;margin:0 0 1.5em 0;}
.cbox .cbox {margin-left:0px;margin-right:0px;}
* html .cbox {height:1%;}
#rightFrame .cbox {margin:0 12px 0 6px;font-size:0.9em;}
.highlight .cbox, .contcols .cbox, .cbox.nospace {margin-left:0px;margin-right:0px;}
.underlined, .toplink {border-bottom:2px solid white;padding-bottom:15px;}

.highlight {padding:15px;margin-bottom:1em; margin-top:1em;}
.highlight.c1 {background-color:#00659e;color:white;}
.highlight.c2 {background-color:white;}
.highlight.note {background-color:white;}

/********* Content-Elemente ********/
/********************************/


/********* Menüs - Sitemaps *******/
dl.teasermenu {margin:1em 0px;padding:0px;}
dl.teasermenu dt {font-size:1.2em;padding:0px;margin:1em 0 0.2em 0;font-weight:bold;}
dl.teasermenu dt .datetime {font-size:0.9em;}
dl.teasermenu dt h2 {font-size:1.2em;margin-bottom:0px;}
dl.teasermenu dt a {padding:0px;}
dl.teasermenu dd {padding:0px;margin:0;}
dl.teasermenu dd.info {}

dl.teasermenu.preview dt, dl.teasermenu.preview dd {margin-left:100px;}

dl.teasermenu dd.preview {float:left;width:100px;height:80px;margin:-1.4em 0 0 0;padding:0px;}
dl.teasermenu dd.preview img {border:4px solid white;}
dl.teasermenu dd.clearall, dl.teasermenu dd.divider {border-bottom:2px solid white;margin:0px;padding:0px;height:1px;clear:both;margin-bottom:1.4em;}
dl.teasermenu .moreLink {display:block; text-align:right;}


/* Anpassungen für Kalender-Events */
dl.teasermenu.eventlist dd.info {float:left; width:180px;margin-left:0;}
dl.teasermenu.eventlist dd.details {margin-left:280px;}

.twocol dl.teasermenu.eventlist dd.info {float:none;width:auto;}
.twocol dl.teasermenu.eventlist dd.details {margin-left:0;}

dl.teasermenu dt.month {margin-left:0px;}


/* tabellenartige darstellung */
dl.tablestyle {margin:1em 0;padding:0;float:left;}
dl.tablestyle dt {font-weight:bold;clear:left;width:120px;margin:0.4em 0 0 0;padding:0;float:left;}
dl.tablestyle dd  {margin:0.4em 0 0 0;padding:0;margin-left:120px;}


/* Dateidownload-Listen usw. */
.filelist {margin-top:0em;margin-left:0px;padding:0px;list-style-type:none;height:1%;list-style-image:none;}
ul.filelist li {padding:0 0.5em;margin:2px 0px;display:block;clear:both;}
ul.filelist li.odd {background-color:#fff7d7;}
ul.filelist li a {/*float:left;*/}
ul.filelist .icon {width:20px;padding-top:4px;vertical-align:middle;float:left;background-repeat:no-repeat;}
.icon img {vertical-align:middle;margin-right:3px;}
ul.filelist .label {padding:4px 0px;}
ul.filelist .size {text-align:right;vertical-align:top;white-space:nowrap;padding:4px;margin-left:1em;}
ul.filelist .desc {display:block;padding:4px;margin-top:0.4em;}
dl.filelist dt {margin:1em 0px 0.4em 0px;font-weight:bold;clear:both;}
dl.filelist dt a{display:block;padding:2px 8px;}


/* Seiten-Index */
ul.sections {clear:both;list-style-image:url('../images/bullet.gif');}
ul.sections li {padding:2px;margin:0px;}
ul.sections li a {display:block;}


/*********** FORMULARE   ***********/
textarea, select, input {}
textarea, select, input.textfield {border:1px solid #999999;}
input.radio, input.checkbox {vertical-align:bottom;}
textarea {height:7em;padding:2px;}
input.textfield {padding:1px 2px;}
textarea:hover, input.textfield:hover, select:hover, textarea:focus, input:focus, select:focus {background-color:#FFFFFF!important;border-color:#5c6f93;color:#5c6f93!important;}

select {line-height:1em;margin:0px;padding:0px;vertical-align:middle;color:black;}
select option {padding:1px 5px;border-bottom:1px dotted #8A8A89;}

fieldset {border:1px solid #8A8A89;padding:4px;margin:0.5em 0px;clear:both;}
fieldset legend {color:#8A8A89;font-size:1em;font-weight:bold;}

/* visuelles feedback bei Formularen */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {cursor: pointer;}


/* T3-spezifisch */
ul.selections {margin:1em 0px;padding:0px;list-style-type:none;}

ol.form {margin:0.5em 0px;list-style-type:none;padding:0px;float:left;width:100%;}
ol.form li{float:left;width:100%;clear:left;margin-bottom:0.2em;}
ol.form label, ol.form .label {float:left;font-weight:bold;width:10em;margin-right:1em;text-align:left;}
ol.form li.radiobuttons label, ol.form fieldset label {float:none;width:auto;font-weight:normal;}
ol.form li.formsubmit {text-align:right;margin-top:0.4em;}

ol.form li fieldset {border-width:0px;margin:0 0 0 0;padding:0px !important;clear:none !important;width:auto;float:none;}

ol.form fieldset label {margin:0px;padding:0px;margin-right:2em;}
ol.form input.textfield, .textfield input {width:250px;margin:0px;}
ol.form .textarea,ol.form textarea {width:250px;}
ol.form select.select, ol.form .select select {width:255px;}
ol.form .required,.tx-srfeuserregister-pi1 ol.form label span,.required {color:#cc0000;font-size:1.1em;line-height:0.9em;vertical-align:top;}
ol.form .divider {clear:both;margin: 0.5em 0px; border-bottom:2px solid white;height:1px;overflow:hidden;}

ol.form li .button {margin:1em 0 0 11em;}

fieldset ol.form {margin: 0em;}

.tx-srfeuserregister-pi1 dd.gender label {margin-right:1em;}
.textfield.short {width:3em;}
#tx-srfeuserregister-pi1-fe_users_form .mailformerror,.message {display:block;margin-left:11em;color:#CC0000;font-weight:bold;}


/*********** Tabellen   ***********/
table.contenttable {width:100%;border-spacing:0px;border-collapse:collapse;margin:0px;padding:0px;empty-cells:show;}

table.contenttable caption {text-align:left;font-style:normal;font-weight:bold;margin:1em 0;padding:8px;background-color:white}
table.contenttable.halfwidth {width:50% !important;}

table.contenttable th, table.contenttable td {padding:2px 8px;text-align:left;vertical-align:top;}
table.contenttable th {font-size:1.1em; font-weight:bold;vertical-align:top;}
table.contenttable th.td-0 {width:15%;text-align:left;}
table.contenttable .tr-0 th {width:auto;border-bottom:1px solid #DBE1DC;}
table.contenttable .tr-0 th.td-last {border-right-width:0px;}

table.contenttable.contenttable-0 th {border-bottom-width:0px;}
table.contenttable.contenttable-1 th  {background-color:#00659e;color:white;border-right:1px solid white;}
table.contenttable.contenttable-1 td {border-right:1px solid #00659e;}
table.contenttable.contenttable-1 .td-last {border-right-width:0px !important;}
.contenttable-2,.contenttable-3 {border:1px solid white;}
.contenttable-2 tr {border-bottom:1px solid white;}
.contenttable-2 th, .contenttable-3 th {background-color:#00659e !important;border-right:1px solid white;border-bottom:1px solid white!important;color:white;}
.contenttable-2 .td-0,.contenttable-2 .td-2,.contenttable-2 .td-4,.contenttable-2 .td-6,.contenttable-2 .td-8,.contenttable-2 .td-10,.contenttable-2 .td-12,.contenttable-2 .td-14,.contenttable-2 .td-16,.contenttable-2 .td-18,.contenttable-2 .td-20 {background-color:#fff7d7;}

table.contenttable.contenttable-3 .tr-even {background-color:#fff7d7;}
.contenttable-3 td,.contenttable-3 th {border-left: 1px solid;border-bottom:1px solid;border-color:white;}
.contenttable-3 th {border-color:white !important;}
table.contenttable.contenttable-4 th {background-color:#00659e;border-bottom:1px solid;border-right:1px solid;border-color:white;color:white;}
table.contenttable.contenttable-4 .tr-even {}
table.contenttable.contenttable-4 .tr-odd {background-color:#fff7d7;}

.tabcontent table.contenttable td, .tabcontent table.contenttable th, .tabcontent table.contenttable .td-last {border:1px solid #F6F6F6 !important;}
.tabcontent .contenttable-3 .tr-even {background-color:#EBF3F7 !important;}
.tabcontent .contenttable-3 .spacer {border-top-style:none !important;border-bottom-width:0px !important;}


/***********************************************/
/* Navigation / Links                          */
/***********************************************/

/****** LINKS (Basisdefinition in core.css) *****/

/****** BUTTONS ********/
button, a.button, input.button, .button input, .button a {border:0px;font-size:1em !important;background-color:#00659e;color:white !important;font-weight:bold;white-space:nowrap;text-decoration:none;padding:1px 4px;border:1px solid #5f6a7f;}
button:hover, a.button:hover, input.button:hover, .button input:hover, .button a:hover {color:#FFCC00 !important;cursor:pointer;}
.button input, input.button {float:none;margin:0px;padding:1px 2px;}
.button.inline a,a.button.inline,input.button.inline {float:none;}


/************ NAVI **************/
#navi ul{list-style-type:none;font-size:1.1em;margin:0 0 0 1em;padding:0;float:right;white-space:nowrap;text-align:right;}
#navi ul li{margin:0px;padding:0px;display:inline;}
#navi ul li a{color:white;text-decoration:none;height:1.4em;font-weight:bold;padding:4px 0.5em 4px 1em;background:#007bbd url('../images/bg-navi.png') left top no-repeat;margin-left:2px;border-right:1px solid #00659e;}
#navi ul li a:hover{background-color:#00659e;color:#f7cb37;}
#navi ul li a.active{background-color:#ffefaf;background-image:url('../images/bg-navi-active.png');color:#00659e;border-right-color:#f7cb37;}

#subNavi ul{list-style-type:none;margin:0px;padding:0px;text-align:right;}
#subNavi ul li{margin:0px;padding:0px;display:inline;}
#subNavi ul li a{color:#828282;text-decoration:none;display:block;margin-top:2px;font-weight:bold;padding:0.4em 4px 0.4em 2em;}
#subNavi ul li a:hover{background-color:#6699cc;color:white;}
#subNavi ul li a.active{background-color:#ffefaf;text-align:right;}
#subNavi ul li a.active:hover {color:#828282;}
#subNavi ul ul {padding-top:0px;}
#subNavi ul ul li a {padding:0.2em 2em 0.2em 0.2em;font-weight:normal;margin-top:1px;border-bottom:1px solid #FFEFAF;}
#subNavi ul ul li a.active{font-weight:bold;background-color:transparent;color:#00659e;}
#subNavi ul ul ul {padding:0.2em 0px;}
#subNavi ul ul ul li a {padding:0.2em 1.5em;background-color:transparent;color:#807c75;}
#subNavi ul ul ul li a.active {background-color:transparent !important; color:#66635d;}
#subNavi ul ul ul li a.active:hover {color:#66635d}

#quicklinks ul{margin:0 1em 0 0;padding:0px;list-style-type:none;list-style-image:none;text-align:right;font-size:0.9em;line-height:1.7em;}
#quicklinks li{display:inline;}
#quicklinks li.last{border-width:0px;}
#quicklinks a{color:white;text-decoration:none;text-decoration:none;padding:0.3em 0.5em 0px 0.5em;border-left:1px solid white;}
#quicklinks a:hover{color:#f7cb37;}
#quicklinks a.active {font-weight:bold;color:#f7cb37;}

.pagebrowser {font-size:0.9em;clear:both;display:block;margin:2em 0px;padding:0.5em 0;border:2px solid white;border-right-width:0px;border-left-width:0px;float:left;width:100%;}
.pagebrowser .infobox {float:right;}
.pagebrowser p {margin:0px !important; padding:0px;}
.pagebrowser ul.results {margin:0;padding:0px;}
.pagebrowser ul.results li {display:inline;}
.pagebrowser .results a, .pagebrowser .results strong {padding:1px 4px;margin-right:3px;background-color:#00659e;color:white;text-decoration:none;font-weight:bold;}
.pagebrowser .results strong {background-color:white;color:#00659e;}
.pagebrowser .results a:hover {background-color:#FFCC00;color:#00659e;}
.pagebrowser .linkActive a {font-weight:bold !important;text-decoration:none;color:#807c75;}

/***********************************************/
/* FCEs                                        */
/***********************************************/
.contcols {clear:both;}
.contcols .leftCol {float:left;width:49%;}
.contcols .rightCol {float:right;width:49%;}
.contcols.threecol .leftCol,.contcols.threecol .rightCol {width:32%;}
.contcols .middleCol {width:32%;float:left;margin-left:2%;}
.contcols.fourcol .leftCol,.contcols.fourcol .rightCol {width:25%;}
.contcols .secondCol, .contcols .thirdCol {width:25%;float:left;}
* html .fourcol .leftCol, * html .fourcol .rightCol, * html .fourcol .secondCol, * html .fourcol .thirdCol {width:24.5%;overflow:hidden;float:left;}

/***********************************************/
/* TYPO3-Extensions                            */
/***********************************************/
/* CSC */
.csc-textpic DIV.imagewrap .image {background-color:white;}
#rightFrame .csc-textpic {padding-top:1em;}
.imgtext h3 {margin-top:0px;}
.csc-textpic .imagerow {clear:both;padding-bottom:4px !important;}
.csc-textpic.csc-textpic-equalheight DIV.imagerow {margin:0px;}
.csc-textpic .image {display:block;}
.multimedia {display:block;text-align:center;}
.multimedia object, .multimedia embed {}
.csc-header-date{color:#8A8A89;display:block;text-align:right;margin:0.2em 0px;font-style:normal;font-size:0.9em;}


/****** CALENDAR *****/
#googleMap {clear:both;display:block;margin:1em auto;}
.event h3 {clear:both;}


/******* comments / Zeugnisse *********/
dl.zeugnis dt {background-color:#fff7d7;padding:4px 1em;margin-top:1em;}
dl.zeugnis dt strong{font-size:1.2em;}
dl.zeugnis dd {margin:0;padding:0.5em 0 0.5em 4em; background:transparent url('../images/bg-quote.gif') top left no-repeat;}