/****************************************************************

   $Id: main.css,v 1.41 2007/08/02 18:40 m.krauss $



   webmelone internetagenttur

   Untergasse 2

   55599 Gau-Bickelheim

   http://www.webmelone.de

   post@webmelone.de



   Styles für kidslife-online.de - Typo3 CMS IE

*****************************************************************/





body {

margin: 0;

padding: 0;

font: 74% arial, helvetica, sans-serif;

color: rgb(35,31,32);

}



h1, h2, h3, h4, h5, h6{

padding: 0px;

margin: 0px;

font-family: arial, helvetica, sans-serif;

font-weight: normal;

font-size: 100%;

}



h1{

color: rgb(191,49,26);

font-weight: bold;

font-size: 140%;

line-height: 130%;

}



h2{

color: rgb(203,89,54);

font-weight: bold;

font-size: 120%;

line-height: 110%;

}



h3{

color: rgb(203,89,54);

font-weight: bold;

font-size: 100%;

line-height: 108%;

}



h4{

color: #e8e8e8;

font-weight: bold;

font-size: 130%;

line-height: 108%;

}





ul{

font-family: arial, helvetica, sans-serif;

font-size: 100%;

list-style-type: square;



}



.bold{

font-weight: bold;

}



a{

color: rgb(191,49,26);

background-color: transparent;

text-decoration: none;

}



a:hover{

text-decoration: underline;

}







/*****************************************************************

 DIVs für Layoutgerüst

*****************************************************************/



#KOPF{

position: relative;

width: 1024px;

height: 111px;

background-color: rgb(191,49,26);

color: #FFF200;

float:none;

z-index: 3;

}



#DATUM{

position: absolute;

top: 0px;

right: 5px;

font-size: 84%;

color: rgb(247,169,69);

background-color: transparent;

letter-spacing: 1px;

text-transformation: uppercase;

}





#KOPF img{

border: 0px;

}



#SLOGAN{

position: absolute;

top: 90px;

left: 12px;

height: auto;

width: auto;

font-size: 12px;

font-weight: bold;

color: #FFF;

background-color: transparent;

letter-spacing: 1px;

}



#INTER{

position: relative;

width: 1024px;

height: 26px;

background-color: rgb(139,155,146);

background-color: #726967;

color: #FFFFFF;

float: none;

z-index: 6;

padding: 0;

margin: 0;

}



#META p{

padding: 6px 6px 0px 0px;

margin: 0px;

}



#META{

float: right;

font-size: 90%;

font-weight: bold;

color: #FFF;

background-color: transparent;

letter-spacing: 1px;

text-transform: uppercase;

}



#META a:link {

color: #FFF;

text-decoration: none;

}



#META a:visited {

color: #FFF;

text-decoration: none;

}



#META a:hover {

color: rgb(247,169,69);

text-decoration: none;

}



#BC{

float: left;

}



#BC p{

margin: 0px;

padding: 6px 0px 0px 12px;

}



#BC .ssh{

font-weight: normal;

}



#BC a{

text-transform: uppercase;

}



#BC a:link {

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

}



#BC a:visited {

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

}



#BC a:hover {

font-weight: bold;

color: rgb(247,169,69);

text-decoration: none;

}





#SPALTEN{

position: relative;

top: 0px;

width: 1024px;

height: auto;

background-color: transparent;

color: rgb(35,31,32);

float: none;

}



#SPALTEN2S{

position: relative;

top: 3px;

width: 1015px;

height: auto;

background-color: transparent;

color: #333;

float: none;

}



#SPALTE1{

position: relative;

top: 0px;

left: 0px;

width: 187px;

height: auto;

background-color: #F7FAE7;

color: rgb(191,49,26);

float: left;

margin: 0px;

padding: 0px;

}



#GETLEFT{

margin: 24px 0px 0px 0px;

font-size: 94%;

}



#SPALTE0{

position: relative;

top: 0px;

left: 0px;

width: 480px;

height: auto;

background-color: #FFFFFF;

color: rgb(35,31,32);

float: left;

}



#SPALTESHOP{

position: relative;

top: 0px;

left: 0px;

width: 836px;

height: auto;

background-color: #FFFFFF;

color: rgb(35,31,32);

float: left;

}



#CONTENT{

padding: 0;

margin: 0;

line-height: 148%;

}



#SPALTE2{

position: relative;

top: 0px;

left: 0px;

height: auto;

width: 234px;

background-color: transparent;

color: rgb(35,31,32);

float: left;

padding: 0px;

margin: 0px;

font-size: 94%;

}



#SPALTE22S{

position: relative;

top: 0px;

left: 0px;

height: auto;

width: 300px;

background-color: transparent;

color: #333;

float: left;

}



#SPALTE3{

position: absolute;

top: 140px;

left: 905px;

width: 120px;

height: auto;

background-color: transparent;

color: #333;

z-index: 8;

}



.csc-header{

padding-bottom: 0px;

padding-top: 8px;

margin: 0px;

}



.csc-firstHeader{

padding-bottom: 0px;

margin: 0px;

}



.csc-header, .bodytext{

}



#GETRIGHT h1, #GETRIGHT h2, #GETRIGHT h3, #GETRIGHT h4, #GETRIGHT h5, #GETRIGHT h6, #GETRIGHT .bodytext, #GETRIGHT div.csc-textpic, #GETRIGHT p.csc-subheader, #GETRIGHT p.csc-header-date, #GETRIGHT ol{

margin: 0 12px 0px 12px;

}



#GETRIGHT .csc-frame-frame1, #GETRIGHT .csc-frame-frame2 {

margin: 0 6px 0px 6px;

padding: 2px;

}



#GETRIGHT div.csc-frame {

margin: 0px 0px 0px 0px;		

}



#GETRIGHT h1{

font-size: 120%;

line-height: 110%; 

padding: 12px 0 12px 0;	

}



#GETRIGHT h2{

padding: 8px 0 8px 0;	

}



#GETRIGHT h3{

padding: 4px 0 4px 0;	

}



#GETRIGHT h4{

padding: 4px 0 4px 0;	

}



#GETRIGHT h5{

padding: 4px 0 4px 0;	

}



#GETRIGHT h6{

padding: 4px 0 4px 0;	

}



#GETRIGHT .bodytext{

padding: 0 0 6px 0;		

}



#CONTENT h1, #CONTENT h2, #CONTENT h3, #CONTENT h4, #CONTENT h5, #CONTENT h6, #CONTENT .bodytext, #CONTENT div.csc-textpic, #CONTENT p.csc-subheader, #CONTENT p.csc-header-date, #CONTENT ol {

margin: 0 24px 0px 24px;

}



#CONTENT .csc-frame-frame1, #CONTENT .csc-frame-frame2 {

margin: 0 21px 0px 21px;

padding: 3px;

}



#CONTENT div.csc-frame {

margin: 0px 0px 0px 0px;		

}		



#CONTENT h1{

font-size: 140%;

line-height: 130%; 

padding: 12px 0 12px 0;	

}



#CONTENT h2{

padding: 8px 0 8px 0;

}



#CONTENT h3{

padding: 4px 0 4px 0;

}



#CONTENT h4{

padding: 4px 0 4px 0;	

}



#CONTENT h5{

padding: 4px 0 4px 0;	

}



#CONTENT h6{

padding: 4px 0 4px 0;	

}



#CONTENT .bodytext{

padding: 0 0 6px 0;		

}





#GETLEFT h1, #GETLEFT h2, #GETLEFT h3, #GETLEFT h4, #GETLEFT h5, #GETLEFT h6, #GETLEFT .bodytext, #GETLEFT DIV.csc-textpic, #GETLEFT p.csc-subheader,  #GETLEFT p.csc-header-date, #GETLEFT ol{

margin: 0 8px 0px 8px;

color: rgb(35,31,32);

background-color: transparent;

}



#GETLEFT .csc-frame-frame1, #GETLEFT .csc-frame-frame2 {

margin: 0 6px 0px 6px;

padding: 2px;

}



#GETLEFT div.csc-frame {

margin: 0px 0px 0px 0px;		

}



#GETLEFT h1{

font-size: 120%;

line-height: 110%; 

padding: 12px 0 12px 0;	

}



#GETLEFT h2{

padding: 8px 0 8px 0;	

}



#GETLEFT h3{

padding: 4px 0 4px 0;	

}



#GETLEFT h4{

padding: 4px 0 4px 0;	

}



#GETLEFT h5{

padding: 4px 0 4px 0;	

}



#GETLEFT h6{

padding: 4px 0 4px 0;	

}



#GETLEFT .bodytext{

padding: 0 0 6px 0;		

}



#GETLEFT div.csc-textpic-text p.bodytext, #CONTENT div.csc-textpic-text p.bodytext, #SPALTE2 div.csc-textpic-text p.bodytext, 

#GETLEFT div.csc-textpic-text h1, #CONTENT div.csc-textpic-text h1, #SPALTE2 div.csc-textpic-text h1,

#GETLEFT div.csc-textpic-text h2, #CONTENT div.csc-textpic-text h2, #SPALTE2 div.csc-textpic-text h2,

#GETLEFT div.csc-textpic-text h3, #CONTENT div.csc-textpic-text h3, #SPALTE2 div.csc-textpic-text h3,

#GETLEFT div.csc-textpic-text h4, #CONTENT div.csc-textpic-text h4, #SPALTE2 div.csc-textpic-text h4,

#GETLEFT div.csc-textpic-text h5, #CONTENT div.csc-textpic-text h5, #SPALTE2 div.csc-textpic-text h5,

#GETLEFT div.csc-textpic-text h6, #CONTENT div.csc-textpic-text h6, #SPALTE2 div.csc-textpic-text h6{

margin: 0;

}	



/* editor-Klassen */



.important {

font-weight: bold;

color: rgb(184,85,65);	

}



.name-of-person {

font-weight: bold;

color: rgb(139,155,146);	

}



.detail {

/*border-bottom: 1px dashed rgb(35,31,32);*/

font-size: 84%;

}



.csc-frame-frame1 {


}



.csc-frame-frame2 {


}



.align-center {

text-align: center;	

}



.align-right {

text-align: right;		

}



.align-left {

text-align: left;		

}



.csc-header-date {

font-size: 90%;

margin: 0 0 2px 0;



}



.csc-textpic-firstcol {

	

}



.csc-textpic-lastcol {

	

}





.csc-frame-rulerBefore {

border-top: 1px dashed rgb(139,155,146);

padding: 12px 0px 13px 0px;	

margin: 12px 0px 13px 0px;	

}



.csc-frame-rulerAfter {

border-bottom: 1px dashed rgb(139,155,146);

padding: 13px 0px 12px 0px;

margin: 13px 0px 12px 0px;

}





#FUSS{

position: relative;

margin: 5px 0px 0px 12px;

width: 1024px;

height: auto;

background-color: transparent;

color: rgb(191,49,26);

float: left;

}



#THEMEN{

text-transform: uppercase;

padding: 0;

margin: 0;

}



#MENUE ul{

font-size: 100%;

list-style-type: none;

margin: 0px;

font-weight: bold;

padding: 0px;

}



label{

display: block;

width: 85px;

font-weight: normal;

float: left;

font-size: 11px;

}



DIV.csc-mailform-field{

padding: 0px 0px 6px 0px;

}





#CONTENT fieldset.csc-mailform{

border: 0px;

margin: 12px 24px 12px 24px;

}



#GETRIGHT fieldset.csc-mailform, #GETLEFT fieldset.csc-mailform{

border: 0px;

margin: 6px 12px 6px 12px;

}	



.ClearMe {

clear: both;

float: none;

}







.linkMailto{

text-decoration: none;

rgb(191,49,26);

background-color: transparent;

}



#CONTENT table{

border: 0px;

margin: 12px 24px 12px 24px;

}



#GETRIGHT table, #GETLEFT table{

border: 0px;

margin: 6px 12px 6px 12px;

}



th{

rgb(35,31,32);

vertical-align: top;

text-align: left;

padding-right: 10px;

white-space:nowrap;

}



th, td{

color: rgb(35,31,32);

background-color: transparent;

font-size: 84%;

}



/*************************************************

Spezial für die ANZEIGEN

**************************************************/



.anzeige{

margin: 0px;

padding: 0px;

font-size: 10px;

color: rgb(139,155,146);

background-color: transparent;

}



#GETRIGHT .anzeige{

text-align: right;

}



#SPALTE3 .anzeige{

text-align: right;

}



#CONTENT .anzeige{

text-align: center;

}



#GETLEFT .anzeige{

text-align: left;

padding-left: 8px;

}



.first{

margin-top: 12px;

}



.center{

text-align: center;

}



.anzh1{

font-size: 120%;

font-weight: bold;

}



.anzh3{

font-size: 100%;

font-weight: bold;

}



/*************************************************

Spezial für die ANZEIGEN   ENDE

**************************************************/



.tx-jppageteaser-pi1 {

margin: 0;	

	}



.tx-jppageteaser-pi1-browsebox {

    margin-top: 10px;

    padding-top: 3px;

    border-top: 1px dashed rgb(139,155,146);

}





.tx-jppageteaser-pi1-list {}

.tx-jppageteaser-pi1-list2 {
padding-left:10px;
padding-right:10px;
}


.tx-jppageteaser-pi1-list-entry {
    clear: both;
}

.tx-jppageteaser-pi1-list-entr2 {
    clear: both;
}


.tx-jppageteaser-pi1-list-entry-first{

	margin-top: 12px;

}



#CONTENT div.tx-jppageteaser-pi1-list-entry-description {

    margin: 8px 24px 0px 24px;

    font-size: 100%;

}



#GETRIGHT div.tx-jppageteaser-pi1-list-entry-description {

    margin: 6px 12px 0px 12px;

    font-size: 94%;

}



#GETLEFT div.tx-jppageteaser-pi1-list-entry-description {

    margin: 6px 12px 0px 12px;

    font-size: 94%;

}



#CONTENT .tx-jppageteaser-pi1-list-entry-image{

	margin-left: 24px;

}



#GETLEFT .tx-jppageteaser-pi1-list-entry-image{

	margin-left: 12px;

}



#SPALTE2 .tx-jppageteaser-pi1-list-entry-image{

	margin-left: 12px;

}



.tx-jppageteaser-pi1-list-entry-image IMG {

    float: left;

    margin: 10px 20px 10px 0px;

    border: 0px solid rgb(139,155,146);

}



.tx-jppageteaser-pi1-list-entry-link-item {

font-size: 100%;

margin-top: 5px;

margin-bottom: 2px;

text-decoration: none;

color: rgb(35,31,32);

background-color: transparent;

}

.tx-jppageteaser-pi1-list-entry-link-item2 {

font-size: 100%;

margin-bottom: 2px;

text-decoration: none;

color: rgb(35,31,32);

background-color: transparent;

}



#CONTENT .tx-jppageteaser-pi1-list-entry-link-item {

	margin-left: 24px;

}



#GETLEFT .tx-jppageteaser-pi1-list-entry-link-item {

	margin-left: 12px;

}



#SPALTE2 .tx-jppageteaser-pi1-list-entry-link-item {

	margin-left: 12px;

}



.tx-jppageteaser-pi1-list-entry-link-item a{

color: rgb(191,49,26);

background-color: transparent;

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entry-link-item a:hover{

color: rgb(203,89,54);

background-color: transparent;

text-docoration: underline;

}



.tx-jppageteaser-pi1-list-entry h4 a:active {

color: rgb(191,49,26);

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entry h4 a{

color: rgb(191,49,26);

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entry h4 a:hover {

color: rgb(203,89,54);

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entry H4 {

    border-bottom: 1px solid rgb(139,155,146);

    margin-left: 0px;

}












.tx-jppageteaser-pi1-list-entr2 h4 a:active {

color: #d53119 ! important;

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entr2 h4 a{

color: #777 ! important;

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entr2 h4 a:hover {

color: #d53119 ! important;

text-decoration: none;

}



.tx-jppageteaser-pi1-list-entr2 H4 {
    padding-top:10px;
    border-bottom: 0px solid rgb(139,155,146);
    border-top: 1px solid rgb(139,155,146);

    margin-left: 0px;

}















.tx-jppageteaser-pi1-list-entry-creation-date,

.tx-jppageteaser-pi1-list-entry-change-date {

    position: absolute;

    bottom: 4px;

    right: 0px;

    font-size: 100%;

    font-weight: normal;

    color: rgb(35,31,32);

}



.tx-jppageteaser-pi1-browsebox {

    text-align: center;

}

.tx-jppageteaser-pi1-browsebox-show-results {}

.tx-jppageteaser-pi1-browsebox-browse-links {}

.tx-jppageteaser-pi1-browsebox-show-results-number {}

.tx-jppageteaser-pi1-browsebox-disabled-link {}

.tx-jppageteaser-pi1-browsebox-inactive-link {}

.tx-jppageteaser-pi1-browsebox-active-link {}







/* default styles for extension "tx_indexedsearch" */

.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }

.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }

.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }

.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }

.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }

.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */

.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }

.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }

.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }

.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }



/* default styles for extension "tx_cssstyledcontent" */

/* Captions */

DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }

DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }

DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }



.csc-textpic-caption{

color: #CCCCCC;

font-size: 75%;

background.color: transparent;

}



/* Needed for noRows setting */

DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }



/* Border just around the image */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {

border: 1px solid #333;

padding: 0px 0px;

}



DIV.csc-textpic-imagewrap { padding: 0; }



DIV.csc-textpic IMG { border: none; }



/* DIV: This will place the images side by side */

DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }



/* UL: This will place the images side by side */

DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }



/* DL: This will place the images side by side */

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */

DL.csc-textpic-image { margin: 0; }

DL.csc-textpic-image DT { margin: 0; display: inline; }

DL.csc-textpic-image DD { margin: 0; }



/* Clearer */

DIV.csc-textpic-clear { clear: both; }



/* Margins around images: */



/* Pictures on left, add margin on right */

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {

display: inline; /* IE fix for double-margin bug */

margin-right: 10px;

}



/* Pictures on right, add margin on left */

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {

display: inline; /* IE fix for double-margin bug */

margin-left: 10px;

}



/* Pictures centered, add margin on left */

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {

display: inline; /* IE fix for double-margin bug */

margin-left: 10px;

}



DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }



/* Space below each image (also in-between rows) */

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }

DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }

DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }



/* No margins around the whole image-block */

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }



/* Add margin from image-block to text (in case of "Text w/ images") */

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {

margin-right: 10px !important;

margin-top: 10px;

}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {

margin-left: 10px !important;

margin-top: 10px;

}



/* Positioning of images: */



/* Above */

DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }



/* Center (above or below) */

DIV.csc-textpic-center { text-align: center; /* IE-hack */ }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }

DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }



/* Right (above or below) */

DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }

DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }



/* Left (above or below) */

DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }

DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }



/* Left (in text) */

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }



/* Right (in text) */

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }



/* Right (in text, no wrap around) */

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }

/* End hide from IE5/mac */





/* Left (in text, no wrap around) */

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }

/* End hide from IE5/mac *









/* default styles for extension "tx_newloginbox_pi3" */

	.tx-newloginbox-pi3-listrow TH { background:#ccc; padding:0 .5em; white-space:nowrap; }

	.tx-newloginbox-pi3-listrow TD { background:#eee; padding:0 .5em; }

	.tx-newloginbox-pi3-singleView TH { background:#ccc; padding:0 .5em; text-align:right; white-space:nowrap; }

	.tx-newloginbox-pi3-singleView TD { background:#eee; padding:0 .5em; }



	

#mailformZufriedenheitmittelzufrieden{

width: 33%;

}



#mailformSchulreformenJa{

width: 33%;

}











/* FORUM */





#FORUM{

padding: 12px 0px 12px 24px;

}



#SPALTE1WS{

position: relative;

top: 0px;

left: 0px;

width: 187px;

height: auto;

background-color: transparent;

color: rgb(191,49,26);

float: left;

margin: 0px;

padding: 0px;

}





#LOGIN{

	margin: 26px 0px 0px 0px;

	padding: 10px 6px 4px 10px;

	color: #666;

	background-color: #FFE8CE;

	border: 1px solid #FF8700;

}



#LOGIN p{

margin: 0px;

padding: 0px;

}



div.left{

	float: left;

}



div.right{

	float: left;

}



div.nofloat{

	clear: both;

}



p.username{

	

}



p.password, p.password label{

	margin-top: 0px;

	padding-top: 0px;	

}



p.permalog{

	

}



p.loginbut{

	

}



div.forgotpasswort{

	clear: both;

}



p.forgotpasswort{

	

}



ul#FORUMNAV{

font-size: 100%;

list-style-type: none;

font-weight: bold;

letter-spacing: 1px;

margin: 0px;

padding: 0px;

}



#FORUMMENUE ul{

font-size: 100%;

list-style-type: none;

margin: 0px;

font-weight: bold;

padding: 0px;

}



#FORUMNAV li a {

margin-left:0px;

display:block;

width:auto;

height:22px;

background-color: rgb(255,255,255);

border-bottom: 1px dashed rgb(139,155,146);

color: rgb(191,49,26);

color: rgb(35,31,32);

text-decoration: none;

text-align: left;

padding-left: 10px;

padding-top: 4px;

line-height: 22px;

}



#FORUMNAV li.lev2 a {

font-size: 100%;

font-weight: normal;

color: rgb(85,81,82);

padding-top: 0px;

padding-left: 20px;

}



#FORUMNAV li.lev3 a {

font-size: 100%;

font-family: "Arial Narrow",arial, helvetica, sans-serif;

font-weight: normal;

padding-top: 0px;

padding-left: 30px;

}



#FORUMNAV li a:hover {

background-color: rgb(191,49,26);

color:#FFF;

}



#FORUMNAV li .active {

background-color: rgb(205,222,92);

color:#ED008C;

}



#CONTENTFR{

padding: 0px 24px 12px 24px;

margin: 0;

line-height: 148%;

}






.tx-jppageteaser-start-list-entry-odd{
border-bottom:1px dashed #bbb; 
margin-bottom:20px;
background-color:#f4f3cc;
}



.tx-jppageteaser-start-list-entry-even{
border-bottom:1px dashed #bbb; 
margin-bottom:20px;
}

.tx-jppageteaser-start-list{
width:430px;
margin-bottom:20px;
}

.tx-jppageteaser-start-list-entry-image IMG {

    float: left;

    margin: 10px 20px 10px 0px;

    border: 0px solid rgb(139,155,146);

}


.tx-jppageteaser-start-list-entry-description {

    margin: 8px 24px 0px 24px;
    font-size: 100%;

}

.tx-jppageteaser-start-list-entry-link-item {

font-size: 100%;

margin-top: 5px;

margin-bottom: 2px;

text-decoration: none;

color: rgb(35,31,32);

background-color: transparent;

}



.tx-jppageteaser-start-list-floatcleaner{
clear: both;
width:460px;
border-bottom:1px dashed #bbb; 
margin-bottom:20px;
}


h5{
	color: #eb008b;
	font-size: 20px;
	line-height: 100%;
	font-family:georgia;
	font-style:italic;
	padding: 0px;
	margin: 0px;
	padding-top:15px;
	padding-bottom:10px;
  font-weight: normal;
	}
	
	
h6{
	color: #999;
	font-size: 20px;
	line-height: 100%;
	font-family:georgia;
	font-style:italic;
	padding: 0px;
	margin: 0px;
	padding-top:10px;
	margin-bottom:10px;
  font-weight: normal;
	}
	

