/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
//
// Schriftgrößen: Basis-13px=1.3em, 12px=0.92em, 11px=0.85em, 10px==0.77em, 9px=0.69em
// Layout-Schriftbasis: 10px=1.0em
//
*/

/*################################ BODY HTML DIV - Container ################################*/
html {font-size:125%;}
body {font-size:50%;margin:0px;padding:0px;background-color:#e7e7ee;font-family:arial,helvetica,sans-serif;color:#666666;}

/*################################ Allgemeint ################################*/
a {text-decoration: none;}
a:link, a:visited {color: #666666;}
a:focus, a:hover, a:active {color: #666666;}
a img { border:0px;}
form, p, div {margin:0px;padding:0px;}
.clear {clear: both;}
.noshow {display:none}
.important {display:none}

/*################################ Schriften ################################*/
p   {font-size:1.1em;font-family:arial,helvetica,sans-serif; color:#666666;line-height:140%;}

h1, h2 {margin:0px; padding:0px;font-family:arial, helvetica, sans-serif;color:#666666;}
h1 {font-size:1.1em;}
h2 {font-size:1.0em;}

/*################################ Layout ################################*/
#Page {width:76.4em; height:42.5em;margin-left:-38.21em;margin-top:-21.5em;position:absolute;left:50%; top:50%;background-color:#ffffff;}
#Top { width:76.4em;height:8.0em;text-align:left;margin:0px;padding:0px;background-color:#990033;}
.logo {height:6.2em;}

/*################################ Navigation ################################*/
#navigationHead {width:74.4em;background-color:#666666; padding:0.4em 0em 0.2em 2.0em;background-image:url(../images/linie_navihigru.gif);background-repeat:repeat-x;}
#navigationHead ul {display:inline;padding:0px;margin:0em;text-align:left;list-style-type:none;}
#navigationHead ul li {display:inline;}
#navigationHead ul li a {border-right:1px solid #ffffff;padding:0.2em 0.5em 0.2em 0.5em;font-family:verdana,arial,helvetica,sans-serif;font-size:1.0em;color:#ffffff;text-decoration:none;}
#navigationHead ul li a:link, #navigationHead ul li a:visited, #navigationHead ul li a:active {color: #ffffff;border-top:0.2em solid #ffffff;}
#navigationHead ul li a:hover, #navigationHead ul li a:focus {color: #ffffff;border-top:0.2em solid #990033;}
#navigationHead ul li.on a:link, #navigationHead ul li.on a:visited {color: #ffffff;border-top:0.2em solid #990033;}
#navigationHead ul li.on a:focus, #navigationHead ul li.on a:hover, #navigationHead ul li.on a:active {border-top:0.2em solid #990033;}
#navigationHead .navigationHeadRight {display:inline;}
.werbung {width:0.45em;height:0.45em;}

/*################################ ContainerLeft - Inhalt ################################*/
#ContainerLeft  { width:56em;height:34.5em;text-align:left;margin:0px;padding:0px;float:left }
#Content        { width:56em;height:22.5em;text-align:left;margin:0px;padding:0px;background-color:white }
#Link           { width:56em;height:8.7em;text-align:center;margin:0px;padding:0px;background-color:white;}
#Footer         { width:56em;height:3.3em;text-align:center;margin:0px;padding:0px;background-color:white  }

/*################################ ContainerRight background-color:#ff0000; ################################*/
#ContainerRight { width:20.4em;height:34.5em;text-align:left;margin:0px;padding:0px;float:right; }
#RightContent   { width:20.4em;height:22.5em;text-align:left;}
#RightLink      { width:20.4em;height:8.7em;text-align:left;}
#RightBottom    { width:20.4em;height:3.3em;text-align:left;}
#Picture        { float:left;width:16.0em;height:8.7em;text-align:left;}

/*################################ Content background-color:#ff0000;background-color:#00ff00; ################################*/
#Content .left  {float:left;width:25.0em;}
#Content .middle  {float:left;width:52.0em;}
#Content .right {float:left;width:25.0em;}
#Content .column{float:left;width:2.0em;}
/* Referenzen */
#Content .iframeContent {float:left;width:52.0em;height:20.0em;overflow:auto;margin-top:1.5em;}
.refPic  {float:left;width:18.6em;text-align:right;margin-bottom:1.0em;}
.refLink {float:left;width:24.6em;padding-left:2.0em;text-align:left;}
/* Kontakt */
#formContact {background-color:#ffffff;padding:1.5em 2.0em;}
#formContact label    {width:7.4em;float:left;}
#formContact .inputs    {font-size:1.0em;width:17.5em;float:left;background-color:#ffffff;height:1.3em;margin:2px 0px 2px 0px;}
#formContact .textareas {font-size:1.0em;font-family:arial,helvetica;width:42.6em;background-color:#ffffff;height:9.0em;}
#formContact .sendButton {font-size:1.0em;color:#666666;width:10.0em;margin-top:0.75em;margin-left:11.5em;background-color:#ffffff;border:0.1em solid #666666;}
.stern      {color:#ff0000}

/*################################ Link ################################*/
#Link .contentLink {font-size:1.1em;padding-top:3.0em;}
#Link .contentLink1 {font-size:1.1em;padding-top:1.0em;}
#Link .addressLink {font-size:1.1em;padding-top:1.5em;}
#Link .addressLink1 {font-size:1.1em;padding-top:1.3em;}
#Link .iframeLink {margin-left:11.0em;width:43.0em;height:6.0em;overflow:auto;text-align:left;}
/* Nur IE */
* html #Link .iframeLink {margin-left:9.0em;}
/* end IE */
#Link .addressLinkRef {font-size:1.1em;padding-top:0.5em;}
/*################################ Footer ################################*/
#Footer .contentFooter {font-size:1.1em;padding-top:1.0em;}

/*################################ Higru Webseiten ################################*/
.companyH {background-image:url(../images/hintergrundbilder/schmetterling_higru_hori.gif);}
.philoH {background-image:url(../images/hintergrundbilder/hygieia_higru_hori.gif);}
.refH {background-image:url(../images/hintergrundbilder/flaggen_higru_hori.gif);}
.kontaktH {background-image:url(../images/hintergrundbilder/stuhl_higru_hori.gif);}
.refV {background-image:url(../images/hintergrundbilder/flaggen_higru_vert.gif);background-repeat:repeat-y;}
.netV {background-image:url(../images/hintergrundbilder/mohn_higru_vert.gif);background-repeat:repeat-y;}
.kontaktV {background-image:url(../images/hintergrundbilder/stuhl_higru_vert.gif);background-repeat:repeat-y;}
.imprintV {background-image:url(../images/hintergrundbilder/bruecke_higru_vert.gif);background-repeat:repeat-y;}
/* Jobs, Impressum */
.jobsH {background-image:url(../images/hintergrundbilder/fernsehturm_higru_hori.gif);}
/* Leistung, Service, Netzwerk */
.leistungH {background-image:url(../images/hintergrundbilder/gebaeude_higru_hori.gif);}
/* Unternehmen, Philosophie, Jobs */
.companyV {background-image:url(../images/hintergrundbilder/schmetterling_higru_vert.gif);background-repeat:repeat-y;}
/* Leistung, Service,  */
.leistungV {background-image:url(../images/hintergrundbilder/gebaeude_higru_vert.gif);background-repeat:repeat-y;}
