/***************************************************************
*  
*  CSS2.1-Definitionen für Kreideweb-Layouts
*  (wird vervollständigt durch Mandanten-CSS)
*  
*  Letzte Aktualisierung:  10.03.2007
*  Letzte Validierung:    10.03.2007
*   (http://jigsaw.w3.org/css-validator/validator-uri.html)
*
***************************************************************/

body {
  font-size: 0.8em;
  color: #000;
  background-color: #f93;
  /*scrollbar-arrow-color: #fff;
  scrollbar-base-color: #900;
  scrollbar-arrow-color: #FF9933;
  scrollbar-base-color: #990000;
  scrollbar-3dlight-color:#990000; 
  scrollbar-darkshadow-color:#990000; 
  scrollbar-face-color:#990000; 
  scrollbar-highlight-color:#990000; 
  scrollbar-shadow-color:#990000; 
  scrollbar-track-color:#990000;
  */
  padding:0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
  
#root {
  margin:auto;  
  margin-top:100px;
  width:54.7em;
  height:27.5em;
  color: #f93;
  background-color: #900;
  border:1px solid #000;
}
  
#header_img {
  width:54.7em;
  height:2em;
}
  
#main {
  width:54.7em;
  height:25.5em;
}
  
#menu {
  float:left;
  width:14em;
  height:25.5em;
}

#menu ul {
  margin:0 0 0 -3em;
  *margin:0 0 0 0em;
  list-style-type:none;
  font-size:1em;
}



#menu a,
#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover,
#menu a:focus {
  width:12em;
  font-weight:bold;
  padding:0.2em 0 0.2em 0.6em;
  color: #FF9933;
  background-color: #900;
  text-decoration: none;
  display:block;
}

#menu li.sel,
#menu a:active,
#menu a:hover,
#menu a:focus {
  background-color: #700;
}

#menu li.sel {
  width:12em;
  font-weight:bold;
  padding:0.3em 0 0.3em 0.6em;
}



#menu img {
}
  
#content {
  background-image:url(../../images/mandanten/kreideweb/right_hand.gif);
  background-position:right top;
  background-repeat:no-repeat;
  float:right;
  width:40.7em;
  height:26em;  
  overflow:auto;
}


h1 { 
  font-size: 1.3em;
}

h2 { 
  font-size: 1.2em;
}

h3 { 
  font-size: 1.1em;
}

h4 { 
  font-size: 1em;
  font-style: italic;
}

h5 { 
  font-size: 0.9em;
}

h6 { 
  font-size: 0.8em;}



PRE        { font-family  :  Courier, "Courier New", monospace;
        color    :  #FF9933;
        font-weight  :  normal;
        }


CODE        { font-family  :  Courier, "Courier New", monospace;
        color    :  #FF9933;
        font-size  :  10pt; }



TABLE           { border : none; }

A.Standard:link,
A.Standard:visited,
A.Standard:active,
A.Standard:hover      { text-decoration: underline; }

a:link    { color: #FF9933; text-decoration: underline}
a:visited  { color: #FF9933; text-decoration: underline}
a:active  { color: #FF9933; text-decoration: none; }
a:hover    { color: #CC6600; text-decoration: none; font-weight: normal }
a:focus         { color: #CC6600; text-decoration: none; font-weight: normal }      






IMG         { background-color  :  #FFFFFF;
         border      :  none;
         padding    :  0px;
         margin      :  0px; }



TEXTAREA      {background-color  :  #900000;
        font-family    :  Courier, "Courier New", monospace;
        color      :  #FF9933;
        font-size    :  10pt;
        border-color    :  #900000;
         /*scrollbar-arrow-color  :  #FF9933;
         scrollbar-base-color  :  #900000;*/}



INPUT        {background-color  :  #900000;
        font-family    :  Courier, "Courier New", monospace;
        color      :  #FF9933;
        font-size    :  10pt;
        border-color    :  #900000;
         /*scrollbar-arrow-color  :  #FF9933;
         scrollbar-base-color  :  #900000;*/
         }


.headline      {
         color    :  #FF9933;
        font-family  :  Verdana, Arial, Helvetica, sans-serif;
        font-size  :  16pt;
        padding-top  :  30px; 
        padding-bottom  :  10px;
        padding-left  :  15px;
        }

.navi_button_start,
.navi_button_cv,
.navi_button_kontakt,
.navi_button_links,
.navi_button_download,
.navi_button_impressm,
.navi_button_projekte,
.navi_button_typo3,
.navi_button_webandit    {
        width    :175px;
        height    :25px;
        background-repeat:no-repeat;
        cursor:pointer;
        }


.navi_button_start    {
        background-image:url(../pictures/buttons/homeOn.gif);
        }

.navi_button_cv      {
        background-image:url(../pictures/buttons/cvOff.gif);
        }

.navi_button_kontakt    {
        background-image:url(../pictures/buttons/kontaktOff.gif);
        }

.navi_button_links    {
        background-image:url(../pictures/buttons/linksOff.gif);
        }

.navi_button_download    {
        background-image:url(../pictures/buttons/downloadOff.gif);
        }


.navi_button_impressm    {
        background-image:url(../pictures/buttons/impressmOff.gif);
        }


.navi_button_projekte    {
        background-image:url(../pictures/buttons/projekteOff.gif);
        }

.navi_button_typo3    {
        background-image:url(../pictures/buttons/typo3Off.gif);
      }

.navi_button_webandit    {
        background-image:url(../pictures/buttons/webanditOff.gif);
        }
        
  div.tx-timtabsociable-pi1 a,
  div.tx-timtabsociable-pi1 a:link,
  div.tx-timtabsociable-pi1 a:visited,
  div.tx-timtabsociable-pi1 a:focus,
  div.tx-timtabsociable-pi1 a:hover,
  div.tx-timtabsociable-pi1 a:active {
    margin-right:1em;
    margin-bottom:1em;
  }     



/* 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; }

  /* 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, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 0px solid white;
    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; vertical-align:bottom; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
  DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
  DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

  /* IE7 hack for margin between image rows */
  *+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; }
  *+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; }

  /* 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;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !important;
  }

  /* 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,
  * html .csc-textpic-intext-left ol,
  * html .csc-textpic-intext-left ul { height: 1%; }
  /* End hide from IE5/mac */

  DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

  /* Browser fixes: */

  /* Fix for unordered and ordered list with image "In text, left" */
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; }