/***************************************************
  AUTHOR: TN - 2008_02_05
  TEMPLATE: Referenzprojekte
  based on:
----------------------------------------------------
  AUTHOR: Alexander HU
  TEMPLATE: Architekt Hauck
  DATE: 2006.08.16
  COPYRIGHT: sure ;-), the community has...
  Based on greenery template of
----------------------------------------------------
  AUTHOR: Pat Heard ( FullAhead.org )
  TEMPLATE: Greenery
  DATE: 2005.11.30
  COPYRIGHT: none
  http://fullahead.org
  http://www.net2020.net
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/

/*
ocker = f4b42D   = 244 180 45  #F4b42e   alte REFERENZEN
        #F9D588  alte NOTDIENST
        #FCE8BC  alte MUSEUM

flammenrot = c6354d   = 198 53 77    #c6354d
altes blau:  #1975CA
*/

img { border: 0px; }

body { margin: 0; text-align: center; font: 0.86em verdana, arial, sans-serif;
       line-height: 150%; color: #EEE;
       background: #585858 url(img/bg_body.jpg) repeat-y top center; }

p { padding-top: 10px; padding-bottom: 10px; }

a       { color: #F9D588; /* text-decoration : none; */ }
a:hover { color: #c6354d; }
a.referenzen { color: #F4b42e; text-decoration : underline;}
a:hover.referenzen { color: #c6354d; text-decoration : none; }

acronym { cursor: help; border-bottom: 1px solid #777; }

/*
    IE specific to eliminate scroll bar when not needed.
    Uncomment if wanted, but it is not valid CSS

  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;
  */

input { width: 70%; }
textarea { width: 98%; }

input,
textarea { padding: 1px 3px; margin: 5px 0; font: 1em verdana, arial, sans-serif;
           color: #EEE; background-color: #777; border: 1px solid #999; }

input:hover, input:focus, textarea:hover, textarea:focus {
  color: #FFF; background-color: #999; border: 1px solid #EEE; }

h1 { clear: both; margin: 10px 0;
     font: 700 1em verdana, sans-serif;
    /* text-transform: uppercase; */
     color: #F4b42e; background: #686868 url(img/rounded_tr.gif) no-repeat top right; }
h1 span { display: inline; text-align: right; /** changed **/ padding: 2px;
          background: url(img/rounded_br.gif) no-repeat bottom right; }
h2 { color: #F4b42e;}

#sideBar h1 { text-align: right; background: #686868 url(img/rounded_tl.gif) no-repeat top left; }
#sideBar h1 span { padding: 2px; background: url(img/rounded_bl.gif) no-repeat bottom left; }

#submenu { color : #FFF; }
#submenu .menu_current, #sidemenu .menu_current{ color : #1975CA; font-weight : bold; }
#sidemenu { color : #FFF; }
#content ol li { color: #9BE4FF; }
#content ol li span { color: #EEE; }
#content ul { padding-bottom: 10px; }
#content ul li { list-style-image: url(img/li_bullet.png); }
blockquote { margin: 0; background: #686868 url(img/rounded_tr.gif) no-repeat top right; }
blockquote span { display: block; padding: 5px; background: url(img/rounded_br.gif) no-repeat bottom right; }

/***************************************************
  Layout Element Styles
 ***************************************************/
#header { width: 100%; height: 6.9em; background: #585858 url(img/bg_header.jpg) repeat-y top center; }
/***************************************************
  Header Menu
 ***************************************************/

#logo { width: 240px; height: 74px; margin: 5px 10px; float: left; background: url(img/logo.gif) no-repeat top left;}
#menu { width: 867px; margin: 0 auto; text-align: left; font-weight: bold; color: #fff; }
#menu .menu_current a{ font-weight: bold; color: #000; background: url(img/menu_tab.gif) no-repeat bottom center; }
#menu ul { margin: 0; padding: 0; line-height: normal; }

#menu ul li { width: 7.2em; display: inline; float: left; padding-top: 0.6em; list-style: none;
              text-align: center; color: #000; }
#menu ul li a { display: block; text-decoration: none; text-transform: uppercase;
                padding-bottom: 1.0em; color: #000; }

#menu ul li a:hover, #menu .menu_current,
#menu ul li a.active { font-weight: bold; color: #fff; background: url(img/menu_tab.gif) no-repeat bottom center; }


/***************************************************
  Site Title
 ***************************************************/

#title { margin-right: 4.5em; float: right;
/**  background: url(img/logo_greenery.gif) no-repeat top right; **/ }
#title h1 { display: inline; color: #FFFFFF; background-image: none; background-color: #F4b42e; }


/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text
 2. Dropdown image
 3. Right side bar
 Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
 ***************************************************/

#content { clear: both;  width: 967px; margin: auto; text-align: left; }
#text    { float: left;  width: 630px; padding: 10px 5px 20px 20px; }
#image   { float: left;  width: 170px; padding: vertical-align: top; }
#sideBar { float: left;  width: 115px; }

#sideBar ul { margin : 0 0 0 5px; }


/***************************************************
 Sidemenu Styles
 ***************************************************/

.sideMenu { padding: 10px 0; }
.sideMenu a { display: block; text-align: right; text-decoration: none; margin-bottom: 1px; }
.sideMenu a span { display: block; padding: 1px; }

.breadcrumbs { color : Gray; text-align : left; width : 90%; margin : 20px 0 0 0; }
.breadcrumbs .menu_current { color:#c6354d; font-weight:bold; }
.description { color : #002200; text-align : center; letter-spacing : 4px; font-weight : bold; }

hr{ background-color : transparent; color : #424142; border : 0px; border-bottom : 1px solid #5A595A; }

.sideMenu a:hover { background: #686868 url(img/rounded_tl.gif) no-repeat top left; }
.sideMenu a:hover span { background: url(img/rounded_bl.gif) no-repeat bottom left; }


/***************************************************
 Comment Styles
 ***************************************************/

#comments p   { padding: 0 5px; margin-bottom: 0; background: #686868 url(img/rounded_tl.gif) no-repeat top left; }
#comments p span.author { display: block;  margin-top: 5px; text-align: right; font-weight: 700; }
#comments img { margin-top: -1px; }
#comments a   { color: #7BD32C; }
#comments a:visited { color: #AAA; }
#comments a:hover { color: #FFF; }

/***************************************************
 Footer
 ***************************************************/

#footer { clear: both; float: left; width: 850px;
  padding: 10px 20px; color: #888; text-align : center; }

#footer p { padding-top: 0; }
#footer a { color: #1975CA; }
#footer a:hover { color: #fff;}

a.fullAhead { float: left; width: 30px; height: 34px; margin-right: 10px; background: url(img/logo_fullahead.gif) no-repeat 0 0; }
a:hover.fullAhead  { background-position: -30px 0; }


/***************************************************
 Generic Display Classes
 ***************************************************/

.blue { color: #1975CA; font-weight: bold; }
.center { text-align: center; }
.noPad { padding: 0; margin: 0; }
.left { float: left; }
.right { float: right; }
.menu_current a { color : Black; }

.menu_default a { }
img.left { padding: 5px 5px 5px 0; }
img.right { padding: 5px 0 5px 5px; }
.button { width: auto; cursor: pointer; }
.date { display: block; font-weight: 700; }
.value_input input, .value_input text, .value_input select { width: 300px; }
.required { color: #FF0000; }
.field_title { font-size: 12px; width: 100px; vertical-align: top; text-align:right; }
.textfield { font-size: 12px; width: 200px; }
.field_heading { font-size: 12px; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; padding-top: 10px; color: #666666; }
.field_checkbox { font-size: 12px; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; padding-top: 10px; color: #666666; }
.select { font-size: 12px; }
.checkbox_label { font-size: 11px; cursor: pointer; width: 200px; }
.radio_label { font-size: 11px; cursor: pointer; }
.email { font-size: 12px; width: 200px; }

/* eof */