/*
Online Version: Start 01.08.2009

Thema: Portfolio von Christian Schell
       --------------------------------------
       Vorstellung und Vita des Herrn Schell.
       Bewerbung als Lehrkraft fuer die Faecherkombination Gestaltungstechnik (Maler und
       Lackierer, Medientechnik, Druck-, Print-, Digitalmedien, Webdesign, GTAs,...) und
       Sport / Gesundheitsfoerderung.

       - Lehramtsanwaerter bis zum 01.02.2010
       - Auf Stellensuche
       
Domain: http://www.gestaltungstechnik.eu

Webdesigner: Christian Schell
             http://www.c-schell.de
             http://www.schelldesign.de
             http://www.gestaltungstechnik.eu
             http://www.sunderbrink.eu
             http://www.wireless-nrw.de
             http://www.adcc-nrw.de (Allgemeiner Deutscher Computer-Club e.V.)

Copyright by Christian Schell

Anmerkungen:
     Aufbau der Website:
     Width = 526 + 240 = 766
     Width wrap auf 513 damit die Seite zentriert angezeigt wird.
     wrap: _________________________________________________
           |      |                       |      |         |
           |  40  |          426          |  40  |   240   |
           |      |                       |      |         |
*/


body                { background: url(img/bg.jpg); background-repeat:repeat-x; background-color: #313131; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
#wrap               { margin: 0 auto; padding: 0; width: 513px; text-align: left;}
.alignleft          { float: left; }
.alignright         { float: right; }

td.farbleiste       { background: #000000; padding: 0px 0px 0px 0px; }
hr                  { width: 100%; color: #C6C6C6; background-color:#C6C6C6;}
h1                  { font-size: 16px; font-weight: bold; display: inline; color: #000000; text-decoration: underline;}
p                   { margin: 0; font-weight:bold; font-size: 120%; }
p:first-letter      { font-size:200%; color: #C16E0E }


/* Links */
a                   { color: #C16E0E; text-decoration: none;}
a:hover             { color: #000000; text-decoration: underline; }

a.navi11            { color: #000000; font-weight:bold; text-align: center; background-color: #dfdfdf; font-size: 12px; padding: 2px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi11:hover      { color: #000000; font-weight:bold; text-align: center; background-color: #dfdfdf; font-size: 12px; padding: 10px 12px 2px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi11:active     { color: #000000; font-weight:bold; text-align: center; background-color: #dfdfdf; font-size: 12px; padding: 10px 12px 2px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi12            { color: #ffffff; font-weight:bold; text-align: center; background-color: #000000; font-size: 12px; padding: 8px 10px 6px 10px; margin: 0px 4px 0px 0px; text-decoration: none; border-top: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; }
a.navi12:hover      { color: #ffffff; font-weight:bold; text-align: center; background-color: #000000; font-size: 12px; padding: 8px 10px 6px 10px; margin: 0px 4px 0px 0px; text-decoration: none; border-top: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; }
a.navi21            { color: #ffffff; font-weight:bold; text-align: center; background-color: #000000; font-size: 12px; padding: 2px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi21:hover      { color: #ffffff; font-weight:bold; text-align: center; background-color: #000000; font-size: 12px; padding: 2px 12px 10px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi21:active     { color: #ffffff; font-weight:bold; text-align: center; background-color: #000000; font-size: 12px; padding: 2px 12px 10px 12px; margin: 0px 4px 0px 0px; text-decoration: none; border: 0px solid #000000; }
a.navi22            { color: #ffffff; font-weight:bold; text-align: center; background-color: #C16E0E; font-size: 12px; padding: 5px 10px 8px 10px; margin: 0px 4px 0px 0px; text-decoration: none; border-bottom: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; }
a.navi22:hover      { color: #ffffff; font-weight:bold; text-align: center; background-color: #C16E0E; font-size: 12px; padding: 5px 10px 8px 10px; margin: 0px 4px 0px 0px; text-decoration: none; border-bottom: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; }

a.kontakt           { display: block; color: #8E4B05; font-weight:bold; text-align: left; background-color: #8E4B05; padding: 0px 6px; text-decoration: none; border: 0px; }
a.kontakt:hover     { display: block; color: #CF7B19; font-weight:bold; text-align: left; background-color: #000000; padding: 0px 6px; border: 0px; text-decoration: none; }
a.seitennavi        { color: #000000; font-weight:bold; display: block; background-color: #904C05; padding: 2px 6px; text-decoration: none; border: 1px solid #000000; text-align: left; }
a.seitennavi:hover  { color: #000000; font-weight:bold; display: block; background-color: #C16E0E; border: 1px solid #000000; text-decoration: none; text-align: left; }

a.downloads         { color: #000000; display: block; padding: 4px 4px; background-color: #EEEEEE; text-decoration: none; border: 0px; text-align: left; }
a.downloads:hover   { color: #000000; display: block; padding: 4px 4px; background-color: #DBDCD9; border: 0px; text-decoration: none; text-align: left; }
a.up                { width: 30px; height: 11px; background: url(img/up1.gif) 0px 0px no-repeat; font-size: 11px; border: 0px; }
a.up:hover          { width: 30px; height: 11px; background: url(img/up2.gif) 0px 0px no-repeat; font-size: 11px; border: 0px; }


/* GB, Formulare, Input, etc. */
input               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.formular           { width: 463px; text-align: left; background-color: #eeeeee; border: 1px #cccccc solid; padding: 1px; }
.gb                 { width: 463px; text-align: left; background-color: #eeeeee; border: 1px #cccccc solid; padding: 1px; }
td.f1hell           { background-color: #ffffff; }
td.f1mittel         { background-color: #eeeeee; }
td.f1dunkel         { background-color: #D7D7D7; }
tr.f1hell           { background-color: #ffffff; }
tr.f1mittel         { background-color: #EEEEEE; }
tr.f1dunkel         { background-color: #D7D7D7; }
.gbspace            { margin-left: 4px; margin-right: 4px; margin-top: 0px; margin-bottom: 0px }
.captcha            { text-align: left; background-color: #eeeeee; border: 1px #C6C6C6 solid; padding: 1px;}


/* Navigation rechts oben */
#navgb               { margin: 0; padding: 0; height: 13px; list-style: none; display: inline; overflow: hidden; width: 78px; }
#navgb li            { margin: 0; padding: 0; list-style: none; display: inline; width: 78px; height: 13px; float: left; }
#navgb a             { float: left; padding: 13px 0 0; overflow: hidden; height: 0px !important; background: url(img/gb.gif) 0px 0px no-repeat; width: 78px; }
#navgb a:hover       { background-position: 0px -13px; }
#navgb a:active      { background-position: 0px -26px; }
#navkontakt          { margin: 0; padding: 0; height: 13px; list-style: none; display: inline; overflow: hidden; width: 68px; }
#navkontakt li       { margin: 0; padding: 0; list-style: none; display: inline; width: 68px; height: 13px; float: left; }
#navkontakt a        { float: left; padding: 13px 0 0; overflow: hidden; height: 0px !important; background: url(img/kontakt.gif) 0px 0px no-repeat; width: 68px; }
#navkontakt a:hover  { background-position: 0px -13px; }
#navkontakt a:active { background-position: 0px -26px; }


/* Kasten + Navigation Kasten */
.kasten             { margin: 0 auto; width: 416px; text-align: left; background-color: #eeeeee; border: 1px #CCCCCC solid; display: table; padding: 4px; }

#arbeitnavi         { margin: 0 auto; width: 468px; height: 14px; text-align: left; background-color: #ffffff; border: 0px; display: table; padding: 1px 0px 0px 0px; }
a.hauptnaviarbeit         { color: #C16E0E; font-weight:bold; text-align: center; background-color: #f1f1f1; padding: 0px 10px; text-decoration: none; border: 1px solid #cccccc; }
a.hauptnaviarbeit:hover   { color: #000000; font-weight:bold; text-align: center; background-color: #cccccc; padding: 0px 10px; border: 1px solid #cccccc; text-decoration: none; }
a.hauptnaviarbeit:active  { color: #000000; font-weight:bold; text-align: center; background-color: #cccccc; padding: 0px 10px; border: 1px solid #cccccc; text-decoration: none; }


/* Kapitel-Angabe (zum Bsp. unter Webdesign Inhaltsverzeichnis) */
ol.listekap1           { counter-reset:listenpunkt_ebene1; list-style-type:none; margin-left:0.5em; padding-left:0.5em; }
ol.listekap1 li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1; }
ol.listekap2           { counter-reset:listenpunkt_ebene2; list-style-type:none; margin-left:1.0em; padding-left:1.0em; }
ol.listekap2 li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2) " "; counter-increment:listenpunkt_ebene2; }
li.arbeitkat           { color: #000000; text-decoration: none; font-weight:lighter; }
li.arbeitkat1          { color: #000000; text-decoration: none; font-weight:bold; }
li#liozeichen          { position: relative; list-style: none; margin: 0px; padding: 0px;}
ul#liozeichen          { list-style: none; margin: 0px; padding: 0px;}

/* RSS-Feed ADCC e.V. */
.rss-title, .rss-title a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0px; margin: 5px 0; padding: 0; letter-spacing: 1px; color: #000000; }
.rss-date               { font-size: 11px; font-weight : normal; color: #000000; }
.rss-item a:link, .rss-item a:visited, .rss-item a:active { color: #C16E0E; font-weight : normal; }
.rss-item               { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight : normal; margin: 8px 0;}


/* Bewertungs-Script */
.voted                  {color:#999999;}
.thanks                 {color:#36AA3D;}
.static                 {color:#5D3126;}
.loading                { height: 30px; background: url('img/loading.gif') 50% 50% no-repeat; }
.unit-rating            { list-style:none; margin: 0px; padding:0px; height: 15px; position: relative; background: url('img/bewertung.gif') top left repeat-x; }
.unit-rating li         { text-indent: -90000px; padding:0px; margin:0px; float: left; }
.unit-rating li a       { outline: none; display:block; width:16px; height: 15px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.unit-rating li a:hover { background: url('img/bewertung.gif') left center; z-index: 2; left: 0px; }
.unit-rating a.r1-unit         {left: 0px;}
.unit-rating a.r1-unit:hover   {width:16px;}
.unit-rating a.r2-unit         {left:16px;}
.unit-rating a.r2-unit:hover   {width: 32px;}
.unit-rating a.r3-unit         {left: 32px;}
.unit-rating a.r3-unit:hover   {width: 48px;}
.unit-rating a.r4-unit         {left: 48px;}
.unit-rating a.r4-unit:hover   {width: 64px;}
.unit-rating a.r5-unit         {left: 64px;}
.unit-rating a.r5-unit:hover   {width: 80px;}
.unit-rating a.r6-unit         {left: 80px;}
.unit-rating a.r6-unit:hover   {width: 96px;}
.unit-rating a.r7-unit         {left: 96px;}
.unit-rating a.r7-unit:hover   {width: 112px;}
.unit-rating a.r8-unit         {left: 112px;}
.unit-rating a.r8-unit:hover   {width: 128px;}
.unit-rating a.r9-unit         {left: 128px;}
.unit-rating a.r9-unit:hover   {width: 144px;}
.unit-rating a.r10-unit        {left: 144px;}
.unit-rating a.r10-unit:hover  {width: 160px;}
.unit-rating li.current-rating { background: url('img/bewertung.gif') left bottom; position: absolute; height: 15px; display: block; text-indent: -9000px; z-index: 1; }