/* BIFF BANG PAUL GENERIC STYLESHEET SINCE 2005 */
/* Projekt: Outreach Schöneweide
/* URL: http//:www.outreach-treptow-koepenick.de
/* Datum: 16. Dezember 2005

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---TABELLEN-----------------------------------------------------------------*/

/* Tabellen */
table.GRUND-RASTER {width:100%; height:100%}

/* Zellen -- Größe -----------------------------------------------------------*/
/*GRUND-RASTER*/ td.left{width:170px} td.middle{width:550px} td.ten-left, td.ten-right{width:34px}
/*SHOW-ME*/ 
td.showmea{width:30px; height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/a.gif)} 
td.showmeb{height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/b.gif)} 
td.showmec{width:30px; height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/c.gif)}
td.showmed{width:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/d.gif)} 
td.showmee{width:30px; height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/e.gif)}
td.showmef{height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/f.gif)} 
td.showmeg{width:30px; height:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/g.gif)}
td.showmeh{width:30px; background-image:   url(http://www.outreach-treptow-koepenick.de/---/pics/bilderrahmen/h.gif)}
div.showmediv{left:0px; bottom:10px; width:100%; text-align:center; float:none; position:absolute; }

/* Zellen -- Margin Padding Border -------------------------------------------*/
td.middle {margin:0px; padding:0px 0px 50px 0px; border:0px}

/* Zellen -- Farben Hintergründe ---------------------------------------------*/
/*GRUND-RASTER */ 
td.left {background-color:#211F1A; background-image: url(http://www.outreach-treptow-koepenick.de/---/layout/leftelectronica.gif);
background-repeat:no-repeat; background-position:right top; } 
td.right {background-color:#211F1A} 
td.middle {background-color:#FFFDFA; background-image: url(http://www.outreach-treptow-koepenick.de/---/pics/hintergrund.gif)}
td.ten-left {background-color:#211F1A; background-image: url(http://www.outreach-treptow-koepenick.de/---/layout/leftstripe.gif)}
td.ten-right {background-color:#211F1A; background-image: url(http://www.outreach-treptow-koepenick.de/---/layout/rightstripe.gif);
background-repeat:repeat-y; background-position:left top;}

/* Zellen -- Align -----------------------------------------------------------*/
/*GRUND-RASTER*/
td.left, td.middle, td.right {text-align:left; vertical-align:top}
td.ten-left {text-align:left; vertical-align:top}
td.ten-right {text-align:left; vertical-align:top}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---CONTAINER----------------------------------------------------------------*/

/* Container -- Größe Position Float -----------------------------------------*/
div#1 {width:10px; height:100%; position:relative; left:0px; top:0px; z-index:1}
.picturedivright {position:relative; float:right}
.picturedivleft {position:relative; float:left}
.flashdiv {width:550; height:150}
.kindchendiv {left:30%; top:27%; position:absolute; float:none}
.lageplan-div{margin: -10px 0px 0px 25px; position:relative; float:left}
.newstickerdiv {width:550; height:30}

/* Container -- Margin Padding Border ----------------------------------------*/
body {margin:0px; padding:0px}
body.showmebody {padding:0px}
.picturedivright, .picturedivleft    {margin:0px 21px 0px 5px; padding:6px; border:5px solid #EEEAD8}
.picturedivleft   {margin:0px 5px 0px 21px;}
.flashdiv {margin:0px; padding:0px}
.sitemapdiv {margin:0px 0px 20px 0px; padding:15px 13px 7px 13px; border:dotted #A6A48A; border-width:0px 1px 1px 1px}
.newstickerdiv:hover{font-style:italic}
.newstickerdiv{text-align:center}

/* Container -- Farben & Hintergründe ----------------------------------------*/
body {background-color:black;}
.showmebody {background-color:F4F2C5;}
.picturedivright, .picturedivleft  {background-color:#E8D219; color:#444455; background-image:url(http://www.outreach-treptow-koepenick.de/---/pics/menu_sub.gif)}
.flashdiv {background-color:black}
.lageplan-div{ font-size:9pt; font-weight:bold; text-align:center}
.newstickerdiv{background-color:#6A0909;}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---TEXT---------------------------------------------------------------------*/

/* Text -- Font Family Größe Stärke Stil Abstände etc ------------------------*/
body {font-family:Verdana,Geneva,Helvetica,Arial} /* Punktgrößen werden nicht interpretiert */
h1 {font-size:14pt; font-weight:normal; font-style:normal}
h2 {font-size:18pt; font-weight:normal; font-style:normal}
h3 {font-size:11pt; font-weight:bold; font-style:normal}
p, li, div.weblog {font-size:10pt; font-weight:normal; font-style:normal; line-height:13pt; text-align:left}
p.right, div.weblogright {font-size:10pt; font-weight:normal; font-style:normal; line-height:13pt; text-align:left}
.small-y, .small, .picturedivright, .picturedivleft, .subp {font-size:10px; font-weight:bold; font-style:normal; line-height:13pt; text-align:left}
.picturedivright, .picturedivleft {text-align:center}
.sitemapdiv {color:#A6A48A}
.normallink {font-weight:normal; text-decoration:underlined; font-style:normal}
.normallink a:hover {font-weight:normal; text-decoration:underlined;}
a.sitemaplink, .sitemapdiv, a.sitemaplinkme {font-size:10px; font-weight:normal; text-decoration:none;}
a.sitemaplinkme {font-weight:bold; text-decoration:none;}


/* Text -- Margin Padding ----------------------------------------------------*/
h1 {margin:0px 30px 32px 40px; padding:0px}
h2 {margin:0px 30px 17px 40px; padding:0px}
h3 {margin:25px 30px 2px 40px; padding:0px}
p, div.weblog {margin:0px 30px 32px 40px; padding:0px}
div.weblognomargin {margin:0px 0px 0px -40px; padding:0px}
/*Rechte Seite*/ 
p.right, div.weblogright {margin: 0px 24px 22px 25px; padding:0px}
p.logo {margin: 49px 24px 22px 25px; padding:0px}

/* Text -- Farben & Hintergründe ---------------------------------------------*/
h1, h2, hr, .small-y, a.right:hover {color:#E8D219}
h3 {color:#D6BC0F}
p, div.weblog, .subp {color:#454335}
b {color:#585648}
p.right, div.weblogright {color:#FFFFFF}
a {color:#6A0909 /*#541212*/}
a.right, a.righter {color:#DEDEDE}
a:hover{color:#CC543F; /*#E8D219*/ }

a.sitemaplink:hover, a.sitemaplinkme:hover {color:#454335}
a.sitemaplink, a.sitemaplinkme {color:#A6A48A}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---BILDER---OBJEKTE---------------------------------------------------------*/

/* Bilder -- Größe Float -----------------------------------------*/
.picture .picture-b {float:none}

/* Bilder -- Margin Padding Border ----------------------------------------*/
.picture, .picture-b {margin:5px}
.picture-b {border:2px solid #707070}
.show-pic {border:2px solid #6A0909}
.show-pic:hover {border:2px solid #CC543F}
.picture {border:0px}

/* Bilder -- Farben & Hintergründe ----------------------------------------*/
a:hover .picture {filter:Alpha(opacity=100, finishopacity=80, style=3)}
a:hover .picture-b {filter:Alpha(opacity=100, finishopacity=80, style=3)}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---DOKUEMTATION---MENUE---------------------------------------------------------*/

a.hlpLink {color:white; text-decoration:none;}
a.hlpLink:hover {color:#E8D219; text-decoration:underline;}
span.hlpSI {font-size:10pt; font-weight:bold;}
span.hlpVIP {font-size:10pt; font-style:italic; color:#126412}