/* TYPO3 CVS id: $id$ */
/* Template stylesheet which can be used for new sites */
/* Make a copy of this stylesheet to some other location, modify it and use it from there! */
/*


/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, DIV { font-family: Verdana, Arial, Helvetica, sans-serif;}
PRE { font-family: monospace; }
A { color: #666666; text-decoration: underline; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P {padding: 0px}
P, UL, LI, OL { } 
INPUT, TEXTAREA, SELECT {padding-left: 5px; font-size: 65%;}

body,div,td,a {
    font-size: 13px;
} 
/***********************************/
/**** Frames, spacing, link-to-top */
/***********************************/
P.csc-linkToTop {font-size: 80%; background-image:url(content_FILES/top.gif); background-repeat:no-repeat; padding:10px 0px 10px 12px; margin-left: -10px;}
P.csc-linkToTop A:link, P.csc-linkToTop A:visited {font-weight:bold; text-decoration:none;}
P.csc-linkToTop A:hover, P.csc-linkToTop A:active {font-weight:bold; text-decoration:underline;}

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #D4D4D4; margin-top: 15px; margin-bottom: 15px;}
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #D4D4D4;  padding-top: 15px; margin-bottom: 15px;}
DIV.csc-frame-indent { padding-left: 25px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { padding: 5px 10px 3px 10px; border: 1px dashed #999999; } /* graue Outline */
DIV.csc-frame-frame2 { background-color: #EAEAEA; padding: 5px 10px 3px 10px;} /* grauer Hintergrund */
DIV.csc-frame-frame3 { padding: 5px 10px 3px 10px; border: 1px solid #C60B27;} /* rote Outline */



DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
DIV.csc-frame-frame3 H1, DIV.csc-frame-frame3 H2, DIV.csc-frame-frame3 H3, DIV.csc-frame-frame3 H4, DIV.csc-frame-frame3 H5 { margin-top: 2px; }
				
/*********************/
/**** Headers, plain */
/*********************/
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px;}
H1 { font-size:15px; line-height: 120%; color: #E75012; margin-top: 10px; margin-bottom: 5px;}		/* Wird nicht verwendet */
H2 { font-size: 15px; line-height: 120%; color: #68676B; margin-top: 10px; margin-bottom: 5px; }	/* Wird nicht verwendet */
H3 { font-size: 15px; line-height: 120%; color: #E75012; margin-top: 30px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;}	/* normale Überschrift */
H4 { font-size: 100%; line-height: 120%; color: #5C5C5C; margin-top: 30px; margin-bottom: 10px; }	/* graue Überschrift */
H5 { font-size: 100%;  line-height: 120%; color: #5C5C5C; margin-top: 15px; margin-bottom: 5px; }	/* Wird nicht verwendet */
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/**** original from menu.css - *105 */
h1.pageHeader {margin-top: 0px; margin-bottom: 10px;}
h2.pageHeader {margin-top: 0px; margin-bottom: 10px;}
	

/**** Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #68676B; text-decoration: underline; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/**** NOT IN USE:  Header date -------------------------------------------------------------------- */ 
P.csc-header-date { font-size: 10px; color: #5C5C5C; }

/**** NOT IN USE:  Subheader, general ------------------------------------------------------------- */
P.csc-subheader { font-style: italic; background-color: #5C5C5C; }

/**** NOT IN USE:  Subheader, specific ------------------------------------------------------------ */
P.csc-subheader-0 { font-style: normal; color: #5C5C5C; }
P.csc-subheader-1 { color: #5C5C5C; }
P.csc-subheader-2 { color: #5C5C5C; }
P.csc-subheader-3 { color: #5C5C5C; }



/*******************/
/* RTE             */
/*******************/
/**** RTE / Bodytext */
P.bodytext, P.MsoNormal { font-size: 13px;margin: 0px; padding: 0px; line-height: auto; margin-bottom: 0px;}
P.bodytext A:link, P.bodytext A:visited, P.MsoNormal A:link, P.MsoNormal A:visited {color:#5C5C5C; text-decoration:underline;}
P.bodytext A:hover, P.bodytext A:active, P.MsoNormal A:hover, P.MsoNormal A:active {color:#5C5C5C; text-decoration:underline;}

/**** RTE / Bulletlists */
UL {list-style-image:url(content_FILES/dot_bgWhite.gif); }
UL UL UL{list-style-image:url(content_FILES/circle_bgWhite.gif);}
UL UL LI { }
OL { margin-top: 0px; }
LI { padding-top: 0px; }


/**********/
/* Images */
/**********/

/**** Images / Captions */
P.csc-caption {font-size: 80%; line-height:auto; margin: 10px 20px 0px 11px; }

/**** Images / Tables / Floating text */
TABLE.imgtext-table { font-size: 100%; line-height:auto /*1.4*/; margin-bottom: 5px;}

/**** Images / Tables / Wrapped text */
/**** When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { font-size: 100%; line-height:auto /*1.4*/; margin-bottom: 5px;}
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/**** Bulletlists */
/***************/

/**** Bulletlists, general */
UL.csc-bulletlist { margin-top:0px; }

/**** Bulletitems, general */
UL.csc-bulletlist LI { }

/**** Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #5C5C5C; }
UL.csc-bulletlist-1 { color: #5C5C5C; margin-top:-10px; padding-left:16px; list-style-image:url(content_FILES/circle_bgWhite.gif); }
UL.csc-bulletlist-2 { color: #5C5C5C; list-style-type: upper-roman; }
UL.csc-bulletlist-3 { color: #5C5C5C; list-style-type: lower-alpha; }

/*** Links in Bulletlist ***/
UL.csc-bulletlist-0 A, UL.csc-bulletlist-1 A, UL.csc-bulletlist-2 A {color:#5C5C5C; text-decoration:underline;}

/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable { border: 1px #ECECEC solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 5px 5px 5px 5px;  vertical-align: top; font-size: 13px}
TABLE.contenttable TR TD P { }
TABLE.contenttable TR.tr-odd { background-color: #FCFCFC; }
TABLE.contenttable TR.tr-even { background-color: #F4F4F4; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #5C5C5C; }

TABLE.contenttable-1 P { color: #5C5C5C; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold;}
TABLE.contenttable-1 TR.tr-0 TD { background-color: #E1E1E1;}
 
TABLE.contenttable-2 P { color: #5C5C5C; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #E1E1E1;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; color:#68676B; }

TABLE.contenttable-3  { border: 0px; width:0px;}
TABLE.contenttable-3 TR TD { background-color: #FFFFFF; padding:1px 6px 1px 1px;}
TABLE.contenttable-3 TR.tr-odd { background-color: #FFFFFF; }
TABLE.contenttable-3 TR.tr-even { background-color: #FFFFFF; }

TABLE.contenttable-8 P { color: #5C5C5C; }
TABLE.contenttable-8 TR TD.td-0, TABLE.contenttable-8 TR.tr-0 TD { background-color: #CCCCCC;}
TABLE.contenttable-8 TR TD.td-0 P, TABLE.contenttable-8 TR.tr-0 TD P { font-weight: bold; }


/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; width: 100%}
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 65%; line-height: /*140%*/ auto;}
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #F4F4F4; }
TABLE.csc-uploads TR.tr-odd { background-color: #FCFCFC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: normal; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #5C5C5C; }
TABLE.csc-uploads-2 { border-color: #5C5C5C; }
TABLE.csc-uploads-3 { border-color: #5C5C5C; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #5C5C5C; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #5C5C5C; }
				


/********************/
/**** Various Forms */
/********************/

/* Email, Login and Search forms generally: */
FORM .csc-mailform {border: 0px; margin-top:20px;}
FORM .csc-mailform-field {padding-top:5px; clear:both;}
FORM .csc-mailform-label {padding:20px 0 8px 0; clear:both;font-weight: bold;}
FORM label {width:150px; line-height:1.2; text-align:right; margin-right:10px; margin-top:2px; float:left; display:block;}
#mailformMedientyp label{width: auto; display: inline; margin: auto; text-align: left;}
FORM input, FORM textarea, FORM select {left: 140px; font-size:100%; color:#666666; float:left; display:block; width:250px; text-align:left;}
FORM .csc-mailform-field .csc-mailform-check {width: 15px; border: 0px;}
FORM .csc-mailform-field .FormSubmit {
	display:block; width:250px;
	margin-left:160px; 
	color:#666666; text-align:center; background-color:#FFFFFF; font-weight:bold; 
	/*border-top:1px solid #fc4a61; border-left:1px solid #fc4a61; border-right:1px solid #c60c24; border-bottom:1px solid #c60c24; */
    border: 1px solid #666666;    
	cursor:hand;}


/***** Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  {}

/******************************/
/**** Jugendbücherei          */
/******************************/

TR.jubue_navi_main {font-size: 12px; font-weight: bold;}
TR.jubue_navi_sub {font-size: 10px; vertical-align:top;}
TR.jubue_navi_sub A:link, TR.jubue_navi_sub A:visited {color:#C60B27; text-decoration:none;}
TR.jubue_navi_sub A:hover, TR.jubue_navi_sub A:active {color:#C60B27; text-decoration:underline;}


/******************************/
/**** NEWS                   */
/*****************************/

/**** NEWS LIST ****/
TABLE TR TD.newsListText, TABLE TR TD.newsListText A {font-size:70%;}
TABLE TR TD.newsListText A:link, TABLE TR TD.newsListText A:visited {font-size:100%; color:#C60B27;	text-decoration:none;}
TABLE TR TD.newsListText A:hover, TABLE TR TD.newsListText A:active {font-size:100%; color:#C60B27;	text-decoration:underline;}

/**** News Form ****/
.news-single-img {float:left; margin-right: 15px;}
DD {margin-left:-40px; padding:0px;}

/*****************************/
/*** List Sitemap, generally */
/*****************************/

/**** LIST SITEMAP ****/
LI.li2nofirst {margin-top: 3px;}
LI.li3nofirst {margin-top: 2px;}
LI.li3nolast {margin-bottom: 5px;}
UL.ullevel1 A {font-weight:bold;}
UL.ullevel3 A {font-weight:normal;}


/****************************************/
/*** Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #A6A6A6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }


/*************/
/* Debugging */
/*************/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/

/****/
/*NEWS*/
/****/
div.news-list-item h3, div.news-single-item h3{
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    color: #666666;
    margin-top: 0px;
    
}

div.news-list-item {
    background: #F4F4F4;
    padding: 15 10px;
    margin-bottom: 2px;
}

div.news-list-item-even {
    background: #FCFCFC;
    padding: 15 10px;
    margin-bottom: 2px;
}

div.news-list-container {
    border: 1px solid #ECECEC;
    padding: 2px 2px 0px 2px;
}

div.news-list-item h3 a{
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    color: #E75012;
}

div.news-list-item h3, div.news-list-item h3 a, div.news-list-item-even h3, div.news-list-item-even h3 a{
    margin: 0px;
    padding: 0px;
}


div.news-list-item img, div.news-list-item-even img {
    float: left;
    margin: 0px 15px 5px 0px;
}

div.news-list-item  p.bodytext,  div.news-list-item a, div.news-list-item-even  p.bodytext,  div.news-list-item-even a{
    font-size: 13px;
}
div.news-single-backlink a, 
div.news-list-item a, 
div.news-list-item-even a, 
div.tx-ttnews-browsebox a{
    color: #E75012;
    text-decoration: none;
    font-size: 11px;
}

div.news-single-backlink a:hover, 
div.news-list-item a:hover, 
div.news-list-item-even a:hover, 
div.tx-ttnews-browsebox a:hover{
    text-decoration: underline;
}

span.news-list-date {
    /*display: block;*/
    /*float: right;*/
    font-size: 11px;
}

div.tx-ttnews-browsebox {
    text-align: center;
}
div.news-single-timedata {
    text-align: right;
    font-size: 11px;
}

dl#cal_list {
    border: 1px solid #ECECEC;
    padding: 2px 2px 0px 2px;
}

dl#cal_list dt a{
    color: #E75012;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

dl#cal_list dt {
    padding: 5px 10px 0px 10px;
    background: #F4F4F4;
}

dl#cal_list dt.even {
    background: #FCFCFC;
}

dl#cal_list span.date{
    font-weight: bold;
}

dl#cal_list dd {
    margin: 0px;
    padding:  0px 10px 5px 10px;
    background: #F4F4F4;
    margin-bottom: 2px;
}

dl#cal_list dd.even {
    background: #FCFCFC;
}

dl#cal_list .cat {
    display: block; 
    text-align: right;
}

.pagebrowser {
    text-align: center;
}
hr {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border-top: 1px solid #666;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
    margin: 15px 0px 17px 0px;
    display: block;
}

input, textarea {
    border: 1px solid #CCC;
}
legend {
    color: #FFF;
    height: 0px;
    overflow: hidden;
    display: none;
}
fieldset{
    border: 0px;
    padding-top: 0px;
    margin-top: 0px;
}
.formRadio {
    width: 15px;;
}
#cal_list img {
    float: left;
    margin: 0px 20px 20px 0px;
}
.cal-single-img {
    float: right;
    margin: 0px 0px 20px 20px;
}
dl.news-single-files dt {
    font-weight: bold;
}

dl.news-single-files dd {
    margin: 0px;
    margin-left: 0px;
}

dl.news-single-files dd img {
    vertical-align: middle;
    margin-right: 5px;
}