/* Copyright by Amico Alpha e.K., www.amico-alpha.de
**************************************************
* Kunde: FC Offers e.V., Velbert  (11016)
* Domain: fcoffers.de
* Art: Website
* Abschnitt: 06 Umsetzung
* Arbeitsschritt: HTML, XML, CSS programmieren
*********************************
Zweck: Layout
Layout: Chili-Pepper
Funktion: Originär-Datei
Media: screen
parent: 
*********************************
Projekt: 0004
// AA-09.04.07, 19:34h: Start Umschreibung
*********************************
Ablage:
BACKGROUND: horizontale Position zuerst
{filter:alpha(opacity=20);-moz-opacity:0.2;}
-moz-border-radius:4px;
box-model hack:
voice-family: "\"}\"";
voice-family: inherit;
a: LVFHA, speziell: LHFVA (H nur unbesucht + weitere)
*********************************************** */


/* Importe
************************************* */
/*
@import-Regel vor allen Stildefinitionen!
@import-Regel  mit Medienangabe ohne das Wort "media" und kommasepariert (IE6 versagt hier)
---
@import "xxx.css" (ohne ist 'all') all,aural,braille,embossed,handheld,print,projection,screen,tty,tv;
@import url(http://www.xxx.de/styles/xxx_scr_layout.css);

-> für IE 6
@media screen
{
@import url(xxx_screen.css);
}
@media print
{
@import url(_print.css);
}

-> für Standardbrowser
@import url(xxx_screen.css) screen;
@import url(xxx_print.css) print;
************************************* */


/* Medien
************************************* */
/*
@media-Regel kann überall stehen und überschreibt vorherige Stildefinitionen!
---
@media (ohne ist 'all') all,aural,braille,embossed,handheld,print,projection,screen,tty,tv
{
.klasse {}
}
************************************* */
 
 
 
/* Globale Stile#B84C19;#295906#5E842B;
************************************* */
html {margin:0;padding:0;}
body {margin:0;border-bottom:1px solid #999999;padding:0;font-family:Arial,Verdana,Helvetica,sans-serif;color:#171B05;}

*:link {text-decoration:underline;color:#000000;}
*:link:active {text-decoration:underline;}
*:link:hover {text-decoration:underline;}
*:visited {text-decoration:underline;color:#000000;}
*:visited:hover {}
*:visited:active {text-decoration:underline;}

abbr {cursor:help;border-bottom:1px #00174F dotted;}
acronym {cursor:help;border-bottom:1px #00174F dotted;}
acronym:focus {font-weight:bold;}
acronym:active {font-weight:bold;}
address {margin-bottom:1.0em;margin-left:3.0em;font-style:normal;}
blockquote {}
cite {}
code {width:100%;overflow:auto;font-family:'Courier New', Courier, monospace;font-size:1em;color:blue;}
dd {padding-left:1ex;padding-right:1ex;padding-bottom:1.5em;}
del {}
dfn {cursor:help;border-bottom:1px #999999 dotted;font-weight:normal;font-style:normal;}
dt {font-weight:bold;padding-left:1ex;padding-right:1ex;}
em {}
fieldset {margin:0;padding:0;border:0;background:#FFFFFF;}
form {margin:0;}
h1 {border:none;font-size:1.6em;}
h2 {border:none;font-size:1.4em;}
h3 {border:none;font-size:1.2em;}
h4 {border:none;}
h5 {border:none;}
h6 {border:none;}
hr {height:1px;color:#669933;}
img {border:none;}
input {font-family:Tahoma,Arial,Helvetica,sans-serif;voice-family:inherit;font-size:1em;color:#171B05;}
input.checkbox {vertical-align:bottom;}
input.file {border:1px solid #CCCCCC;padding-left:3px;background:#FFFFFF;}
input.file:focus {border:1px solid #B84C19;background:#FFFFFF;}
input.image {cursor:pointer;margin:0;padding:0;}
input.image:focus {}
input.password {border:1px solid #CCCCCC;padding-left:3px;background:#FFFFFF;}
input.password:focus {border:1px solid #B84C19;background:#FFFFFF;}
input.radio {vertical-align:bottom;}
input.reset {cursor:pointer;border:1px solid #CCCCCC;padding-right:2px;padding-left:2px;background:#FFFFFF;}
input.reset:focus {background:#B84C19;}
input.submit {cursor:pointer;border:1px solid #CCCCCC;padding-right:2px;padding-left:2px;background:#FFFFFF;}
input.submit:focus {background:#B84C19;}
input.text {border:1px solid #CCCCCC;padding-left:3px;background:#FFFFFF;}
input.text:focus {border:1px solid #B84C19;background:#FFFFFF;}
ins {}
kbd {cursor:help;border-bottom:1px #999999 dotted;}
label {cursor:help;border-bottom:1px #999999 dotted;}
label:focus {border-bottom:1px #999999 solid;color:#D04F00;}
label:active {border-bottom:1px #999999 solid;color:#D04F00;}
legend {margin:0;padding:0;border:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}
li {margin-left:0;padding-left:0;list-style-type:none;font-size:1em;}
ol {}
optgroup {border-bottom:1px #171B05 solid;font-family:Verdana,Arial,Helvetica,sans-serif;}
option {font-family:Verdana,Arial,Helvetica,sans-serif;}
p {margin-bottom:0.75em;}
pre {width:100%;overflow:auto;border:1px solid #CCCCCC;font-family:'Courier New', Courier, monospace;color:blue;}
q {float:right;margin:0 1em 1ex 1em;width:9em;border:1px solid #999999;padding:0.5ex 0.5ex 0.5ex 1ex;text-align:left;font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;}
samp {}
select {cursor:pointer;border:1px solid #CCCCCC;padding-left:3px;background:#FFFFFF;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;color:#171B05;}
select:focus {border:1px solid #B84C19;background:#FFFFFF;}
strong {}
table {}
td {font-size:1em;}
textarea {overflow:auto;border:1px solid #CCCCCC;padding:3px;background:#FFFFFF;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;color:#171B05;}
textarea:focus {border:1px solid #B84C19;background:#FFFFFF;}
th {font-size:1em;}
ul {margin-left:0;padding-left:0;font-size:1em;}
var {}


/* allgemeine Klassen */
.basis {vertical-align:baseline;}
.bildunter {background:#CCFF99;border:1px #666666 solid;padding-left:3px;font-size:0.8em;line-height:110%;}
.block {display:block;}
.clear {clear:both;}
.float-links {float:left;}
.float-rechts {float:right;}
.indent {margin-left:2.5em;}
.inline {display:inline;}
.klein {font-size:0.875em !important;}
.links {float:left;margin:5px 10px 5px 0px;}
.mitte {vertical-align:middle;}
.noscreen {display:none;}
.oben {vertical-align:top;}
.rechts {float:right;margin:5px 0px 5px 10px;}
.sklein {font-size:0.75em !important;}
.smallCaps {font-variant:small-caps;}
.text-center {text-align:center;}
.text-rechts {text-align:right;}
.textunten {vertical-align:text-bottom;}
.underline {border-bottom:1px solid;}
.unten {vertical-align:bottom;}
.zitat {font-family:'Times New Roman',Times,serif;font-size:1em;font-style:italic;}



/* Generelle Farben der Projekt-Website */
/* Achtung: teilweise nur auf neue Farbgebung umgestellt! */
.grau {color:#EEEEEE;}

.rot {color:#FF0000;}
.dunkelrot {color:#B84C19;}

.dunkelgruen {color:#495B00;}
.gruen {color:#65930F;}
.hellgruen {color:#CCFF00;}
.hellergruen {color:#BEAE41;}

.orange {color:#FFE500;}

.dunkelgelb {color:#D6BE3F;}
.gelb {color:#FFCF00;}
.hellgelb {color:#F9F5E2;}
.hellergelb {color:#F9F5E2;}

 
 
 /* Seite
************************************* */
div#jscript_error {position:absolute;z-index:5;overflow:hidden;top:26px;right:auto;bottom:auto;left:300px;margin:auto;width:300px;height:auto;border:1px #000000 solid;padding:1.0em;background:#B84C19;font-size:13px;font-weight:bold;color:#FFFFFF;}
div#body {margin:0;padding:0;background:#FFFFFF;}



/* Intro: Ankernavigation (Prelude), Logo, Adresse
************************************* */



/* Kopf
************************************* */
div#top_bg {margin:0;width:100%;height:141px;padding:0;border-top:1px solid #171B05;background:#65930F url(fco_header_bg_vers_13.png) 40% center no-repeat;}
div#top_bg a {display:block;width:100%;height:100%;}
div#top_bg a:hover {background:transparent;}



/* Kopfmenu
************************************* */
div#upper_menu_bar {display:block;margin:0 0 36px 0;height:24px;border-top:1px solid #171B05;border-bottom:1px solid #171B05;padding:0;background:#99CC00;}
div#upper_menu_bar_box {display:block;position:relative;margin-left:auto;margin-right:auto;width:830px;height:24px;font-weight:bold;font-size:0.8em}
div#upper_menu_bar_box ul {margin:0;padding:0;list-style-type:none;}
div#upper_menu_bar_box ul li {float:left;display:block;margin:0 1px 0 0;}
div#upper_menu_bar_box ul li a {float:left;display:block;height:19px;background:#FFCF00;padding:5px 20px 0 20px;text-decoration:none;color:#171B05;}
div#upper_menu_bar_box ul li a:hover {background:#B84C19;color:#FFFFFF;}
div#upper_menu_bar_box ul li#upper_menu_aktiv a {background:#B84C19;color:#FFFFFF;}
div#upper_menu_bar_box ul li#upper_menu_aktiv a:hover {background:#D6BE3F;color:#171B05;}



/* Content-Box
************************************* */
div#content_box {clear:both;}
table#content {width:100%;}
table#content td {vertical-align:top;}
td#content_left {width:17%;padding-left:1em;}
td#content_center {padding:0 5.0em 0 3.0em;}
td#content_right {width:21%;padding-right:1em;}



/* Sidebar links + Sidebar rechts border-bottom:2px solid #669900
************************************* */
div#starpixies img {margin:0;padding:3px;background:#FFFFFF;border:1px solid #999999;}
div#werbung {text-align:center;}
div.left {padding:0.4em;background:#FFFFFF;}
div.right {padding:0em;background:#FFFFFF;}
div.sidebar_box {font-size:0.8em;}
div.sidebar_menubox {font-size:0.8em;}
h2.left {;background:#FFCF00;color:#000000;font-size:0.8em;}
h2.right {background:#FFCF00;color:#000000;font-size:0.8em;}
h2.sidebar_headings {margin:0;padding:0.2em;font-weight:bold;}
li.sidebar_menu a:before {content:"\00BB"" " !important;font-weight:bold !important;font-size:0.8em !important;color:#B84C19 !important;}
li.sidebar_menu {border:none;}
li.sidebar_menu_aktiv {font-weight:bold;color:#B84C19;}
ul.sidebar_list li {margin:0.5em 0;list-style-type:circle;list-style-position:inside;}




/* Content Mitte
Sonderzeichen: » ••• · …
************************************* */
div.body_text {font-size:0.8em;}
div.fussnote p {}
div.links p.bild_text {margin:0;font-size:0.8em;}
div.news_block {margin-bottom:1.0em;padding:0 0 0.5em 0;}
div.news_block form.site_search input.submit {height:2em;width:2em;vertical-align:middle;}
div.news_block form.site_search input.text {height:2em;width:24em;vertical-align:middle;}
div.news_block h1 {margin-top:0;padding:0.2em 0.4em;background:#99CC00;}
div.news_block h2 {padding:0 0.2em;}
div.news_block h3 {padding:0 0.2em;}
div.news_facts {clear:both;margin:2em 0;background:#EEEEEE;padding:0.2em 0;text-align:right;font-size:1.0em;}
div.rechts p.bild_text {margin:0;font-size:0.8em;}
dl.linkindex {margin:0;padding:0;}
form td {padding:0.5em;}
form th {padding:0.5em;text-align:left;}
h2#terminkalender {margin-top:2.0em;}
p.error {border:1px solid #171B05;background:#FFBFBF;padding:1.0em;font-weight:bold;font-size:13px;color:#B84C19;}
ul.circle li {list-style:circle outside;}
ul.disc li {list-style:disc outside;}
ul.normal {margin:0;padding:0 0 1em 4em;}
ul.square li {list-style:square outside;}

/* Spezielle Bestandteile im Content Mitte */

/* PHP-Script Eventtabelle
************************************* */
table#events {margin:0 auto 2em auto;border-spacing:0.2em;}
table#events th {color:#FFFFFF;white-space:nowrap;}
td.erledigteTermine {color:#AAAAAA !important;}
td.erledigteTermine * {color:#AAAAAA !important;}
tr.kopfzeile {background:#B84C19;}
tr.zeiledunkel {background:#DDDDDD;}
tr.zeilehell {background:#EEEEEE;}

/* Google-Map
************************************* */
input.ortsset_button {cursor:pointer;margin:0 0.5em;border:none;background:inherit;padding:0;text-align:left;font-family:Arial,Verdana,Helvetica,sans-serif;color:#495B00;}
div#map {overflow:auto;width:770px;height:630px;}
div#map_box {float:left;margin:0 1.0em 1.0em 0;width:770px;height:auto;border:1px solid #000000;padding:5px;}
div#map_sidebar_box {float:left;min-width:20.0em;width:24.0em;border:1px solid #000000;padding:5px;}
ul#map_sidebar {margin-left:2.0em;}





/* Fußzeile
************************************* */
div#footer {clear:both;width:100%;border:1px solid #171B05;background:#D3B12C;padding:2.0em 0;text-align:center;font-size:1.0em;}





/*
Schlagschatten
nach einer Idee: http://www.webtoolkit.info/css-drop-shadow.html (funkzt nicht in IE6)
Bildet Schatten rechts und unten um Element
- umgesetzt in PHPCMS-Tag, siehe dort!
************************************* */
.schatten_box_aussen {margin:0 0 1.0em 0;} 
.schatten_1 {border-right:1px solid #F1F0F1;border-bottom:1px solid #F1F0F1;}
.schatten_2 {border-right:1px solid #DBDADB;border-bottom:1px solid #DBDADB;}
.schatten_3 {border-right:1px solid #B8B6B8;border-bottom:1px solid #B8B6B8}
/* Ursprungsfarbe für sanften Schatten: .schatten_box_innen {border:1px solid #848284;padding:6px;background:#FFFFFF;} */
.schatten_box_innen {border:1px solid #889E1D;padding:6px;background:#FFFFFF;}





/*
Clearfix
Idee: http://www.webtoolkit.info/css-clearfix.html
Zeigt Block um inneres floatendes Element korrekt an
*************************************
* html .clearfix {height:1%;}
html[xmlns] .clearfix {display:block;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.clearfix {display:inline-block;}
 */



/* Holy Grail Layout
************************************* */
/*
* {margin:0; padding:0; }
html {margin:0; padding:0; }
body {margin:0; padding:0; }
*/

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body {min-width: 770px;}


/* Use wrapper for Left Faux Column
#wrapper {margin: 0 auto;width: 770px;text-align:left;}
#header {clear:both;width:100%;}
#navigation-container-lower {clear:both;width:100%;}
#navigation-container-upper {clear:both;width:100%;}
#masthead {clear:both; width:100%;}
#footer {clear:both; width:100%;}
 */

/* Use main for Right Faux Column */
#main {float:left;width:100%;}
#main:after {/* Clear floating elements for NN6/7 */content: ".";display:block;height:0px;clear:both;visibility:hidden;}
#center {margin:0 170px 0 170px;}
#content {float:left;width:100%;margin:0 -95% 0 0;}
#left {float:left;width:170px;}
#right {float:right;width:170px;margin:0;}
/* IE Fixes for Win/Mac */
* html div#content {margin:0 -100% 0 0;}