/*
*****************************************************************************************************
Bernd G�bel, <strich-komma />, http://www.strich-komma.de, web@strich-komma.de
*****************************************************************************************************
*****************************************************************************************************
- CSS f�r den Internetexplorer/alle "main_ie.css"
- CSS f�r den Druck, "print.css"
*****************************************************************************************************
Farben:
body: #F3F2EF; 
Navigation: #ECEBE6;
Blau: #0F82C3;
Schrift: #333333
Schrift-hellgrau: #999999
Linien-grau: #BBB7A6
*/

/*Allgemein*/
/*****************************************************************************************************/


* { margin: 0; padding: 0; font-family: Verdana , Arial , Helvitica , sans-serif; color: #333333; font-style: normal;}

html { height: 100% }

body {
  height: 100%;
  background-color: #F3F2EF;
  font-size: 100.1%;
  text-align: center; }
  
/*Tags*/
/*****************************************************************************************************/ 

table , p  , h2 , h3 , h4 , h5, h6, ul, address { font-size:76%; }


p, li , address, h3, h4, h5, h6 { background: #FFFFFF; line-height: 160%; }
 
h1 { margin-top: 15px; }
 
#header h2 { position: absolute; left: 220px; top: 147px; color: #0F82C3; font-size: 116%; font-weight: normal; } 
h2 em ,
h2 em span.register {color: #0F82C3; }

h3 { color: #0F82C3; }
h3 i { color: #0F82C3; font-style: italic; }

h3 { margin: 3em 0 1.5em 0 }
h3.first , h4.first , ul.first , ul h4{ margin-top: 0 }

h4 { margin-top: 3em; }

h4.unit { margin-top: 1em; }
h4.contact { margin-bottom: 1.5em; }
h4.jobtitel { margin-top: 1.5em; }
h4.jobtitelNext { margin-top: 4.5em; }
  
h5 { margin: 1em 0 0.75em 0; }
h5.diagramm { font-size: 100%; border-top: 1px solid #999999; padding-top: 8px; width: 400px; margin-top: 2em; color: #0F82C3;  }
h5.diagramm i { font-style: italic; color: #0F82C3; }

p { margin-bottom: 0.75em;  } 
p i { font-style: italic;  }  
/*p.first { margin-top: 1em; } */
p.miniatur { margin: 1em 0 2em 0; }
p.bevoreMiniatur { margin-bottom: 3em !important; }

em { font-style: italic;}
span.register { position: relative; top: -.2em !important; font-size: 90%; font-style: italic; }
h2 span.register { top: -.4em !important; } 

a { text-decoration: none; color: #0F82C3; }
a:hover { color: #999999; }


table { border-collapse: collapse; width: 100%; }
td { vertical-align: top; }
 
img { border: none; } 
img.investorlogo { margin: 1em 0 0.75em 0; }


ul.space { margin-top: 3em; } 

li { list-style: none; }
#contentCol li { margin-bottom: 0.75em; }
#contentCol ul.vita { margin-bottom: 0.75em; }
#contentCol ul.vita li { margin-bottom: 0; }

#contentCol ul.bullit li { position: relative; padding-left: 20px; background: #FFFFFF url(../images/list-dot.gif) 0 .74em no-repeat;  margin-bottom: 0.75em; }
#contentCol li h4 , #contentCol li h5 , #contentCol li p { font-size: 100%; }


#contentCol ul.no-dot li { padding-left: 0; background-image: none !important; }


form { display: inline; }


address strong { font-weight: normal; }
address span.phone , address span.fax , address span.email , address span.url{ display: block; width: 3.7em; float: left; }
address br { clear: left; }
address span.communication { display: block; margin-top: 0.4em; }

#marginalCol address { font-size:60%; line-height: 140%; }
#marginalCol address { color: #666666 ; }
#marginalCol address span , #marginalCol address strong { color: #666666 ; }
#marginalCol address span.communication { display: block; margin-top: 0.4em; } 


#marginalCol address a:link ,
#marginalCol address a:visited ,
#marginalCol address a:focus ,
#marginalCol address a:active { color: #666666 ; }

#marginalCol address a:hover { color: #0F82C3; text-decoration: none; }  

#contentCol address ,
#contentCol address span { color: #333333; }
#contentCol address span.communication { display: block; margin-top: 1em; } 

#contentCol address a:link ,
#contentCol address a:visited ,
#contentCol address a:focus ,
#contentCol address a:active { color: #0F82C3; }
#contentCol address a:hover { color: #999999; }

#contentCol address { font-size:76%; margin: 0 0 1.5em 0; }



/*Hauptelemente*/
/*****************************************************************************************************/ 
#page-wrapper {
  position: relative;
  top: 0;
  min-height: 101%;
  width: 788px;
  margin: -20px auto 0 auto;
  padding: 20px 26px 0.01em 26px;
  text-align: left;
  background: url(../images/bg_page.gif) 0 0 repeat-y; }

#header { height: 202px; background: #FFFFFF; margin-top: -20px; padding-top: 20px; }

#contentCol , #footer { width: 400px; margin: 0 0 0 194px;  position: relative; top: -14px; }

#contentCol { border-top: 1px solid #0F82C3; min-height: 300px; padding-top: .75em; }

#home #contentCol { border-top: none;  padding-top: 0;}

#marginalCol { position: absolute; left: 644px; top: 230px; width: 180px; }

#footer { padding-top: 40px; padding-bottom: 28px; }  
/*Navigation*/
/*****************************************************************************************************/
#navigation { position: absolute; left: 26px; top: 208px; width: 170px; }
#navigation li { background: #ECEBE6; border-top: 1px solid #0F82C3;  padding-bottom: 0.6em; }
#navigation li.current { background: #FFFFFF; padding-bottom: 0; }

#navigation li a , #navigation li span { color: #0F82C3; display: block; min-height: 1.4em; padding: .6em 4px 0 4px; }

#navigation li em { color: #0F82C3; }
#navigation li em span { color: #0F82C3; display: inline; min-height: 0; padding: 0 !important; }
#navigation li.current span { font-weight: bold; padding-bottom: 0.6em; background: #ECEBE6;  }
#navigation li a strong  {color: #0F82C3; }

#navigation li a a:link ,
#navigation li a a:visited ,
#navigation li a a:focus ,
#navigation li a a:active { color: #0F82C3; }
#navigation li a:hover { text-decoration: none; font-weight: bold; }

/*Level 1*/
#navigation li ul { font-size: 100%; }
#navigation li ul li { border: none; background: #FFFFFF;  padding: 0 0 0.6em 0;  font-size: 86% } 



#navigation li ul li a , #navigation li ul li span { background: #FFFFFF url(../images/list-dotted-line.gif) 0 0 repeat-x !important; padding-left: 10px; min-height: 1.9em;  padding-top: .8em; } 
/*#sitemap li ul li a { padding-left: 0; }*/

#navigation li ul li.first { border-top: 1px solid #0F82C3;}
#navigation li ul li.first a , #navigation li ul li.first span {  background: none !important; background-image: none !important; }
#navigation li.current ul li span { font-weight: bold; padding-bottom: 0; background: #FFFFFF; }

li.currentItem a { cursor: default; font-weight: bold;  }
li.currentItem a:hover { color: #0F82C3 !important;  font-weight: bold !important;   }



#navigation li ul li a:hover {font-weight: normal; color: #999999; }


ul#sitemap { position: relative; top: -1.4em; }
#sitemap li a { font-weight: bold; }
#sitemap li a:link ,
#sitemap li a:visited ,
#sitemap li a:focus ,
#sitemap li a:active { color: #0F82C3; }
#sitemap li a:hover { text-decoration: none; color: #999999; }

#sitemap { width: 22em; padding: 0; margin-top: 1em; }
#sitemap li { background: none; padding: 0; margin: 0; position: relative; }
#sitemap li ul{ font-size: 100%; }


#sitemap li a { background: #FFFFFF url(../images/list-dotted-line-sitemap.gif) 0 bottom repeat-x !important; display: block; padding: .6em 0 .8em 0; margin: 0; }
#sitemap li ul li a {  padding-left: 20px;  } 

#sitemap li ul li a:link ,
#sitemap li ul li a:visited ,
#sitemap li ul li a:focus ,
#sitemap li ul li a:active {color: #333333; font-weight: normal; }
#sitemap li ul li a:hover { text-decoration: none; color: #999999; font-weight: normal; }


/*SubNavigation*/
/*****************************************************************************************************/
ul#nav-header , ul#nav-footer { font-size: 100%; } 
ul#nav-header { margin-top: -4px; }

#nav-header li , #nav-footer li { color: #999999; background: none; display: inline; }
ul#nav-footer { text-align: left !important;  }
ul#nav-footer li { line-height: 130% !important;  } 
#nav-footer li.copyright { display: block; font-size: 60%; padding-top: 2px; }

#nav-header li a:link ,
#nav-header li a:visited ,
#nav-header li a:focus ,
#nav-header li a:hover ,
#nav-header li a:active ,
#nav-footer li a:link ,
#nav-footer li a:visited ,
#nav-footer li a:focus ,
#nav-footer li a:hover ,
#nav-footer li a:active { color: #999999; font-size: 60%; background: #FFFFFF;}

#nav-header li a:hover ,
#nav-footer li a:hover { color: #0F82C3; text-decoration: none; }
#nav-header li a { padding: 0 .6em 0 0;}
#nav-header span { color: #999999; font-size: 60%; background: #FFFFFF;  padding: 0 .6em 0 0;}
#nav-footer span { color: #999999; padding: 0 .4em 0 0; font-size: 60%; }

#nav-footer span.current { padding: 0; }


/*Header*/
/*****************************************************************************************************/
#logo { display: block; position: absolute; left: 644px; top: 128px; }
/*ContentCol*/
/*****************************************************************************************************/
/*MarginalCol*/
/*****************************************************************************************************/
/*Footer*/
/*****************************************************************************************************/
#footer ul, p { width: 100%; }

#footer p { text-align: right; padding-bottom: 6px; font-size: 60%; background: transparent; }
#footer p a { padding-right: 16px; background: url(../images/topper.gif) right 2px  no-repeat;}
#footer p a:link ,
#footer p a:visited ,
#footer p a:focus ,
#footer p a:active { color: #999999; }

#footer p a:hover { color: #0F82C3; text-decoration: none; }

#footer #back { position: absolute; left: 0px; top: 40px; text-align: left;}
#footer #back a { padding-left: 16px; background: url(../images/back.gif) left 2px  no-repeat;}



#footer ul { text-align: center; }
#footer #nav-footer { padding-top: 4px; border-top: 1px solid #999999; }

/*home*/
/*****************************************************************************************************/
#home h2 , #home p { margin-bottom: 1.5em }
#home #contentCol strong { color: #0F82C3; }

/*Alrise*/
/*****************************************************************************************************/
.team img, .advisory img { float: left; margin-right: 24px; }
div.team { clear: left; margin-top: 1.5em; height: 150px;}

.team h4, .team strong, .advisory h4  { color: #0F82C3; font-weight: normal; }
.team h4, .advisory h4 { font-size: 116%; margin: 0; }
.team strong { font-size:76%; position: relative; display: block; left: .1em; }

div.advisory { clear: left; margin-top: 10px; margin-bottom: 2em;}
.advisory-text { float:right; width: 270px; margin-top:-5px;}
.advisory strong { color: #0F82C3; font-weight: bold; display:block; font-size:76%;}
.clear { clear:both; }

div.marginalColcontent { width: 170px; background: url(../images/marginal-line.gif) 0 0 repeat-x !important; padding-top: 0.6em;  margin-top: 1.5em; }

.marginalColcontent h5 , .marginalColcontent p { color: #999999; }
.marginalColcontent h5 { font-size:76%; margin: 1em 0 0 0; background: none; font-weight: normal; line-height: 100% } 
.marginalColcontent a { font-size:76%;  } 

.marginalColcontent a:link ,
.marginalColcontent a:visited ,
.marginalColcontent a:focus ,
.marginalColcontent a:active { color: #0F82C3; }
.marginalColcontent a a:hover { color: #0F82C3; text-decoration: underline; }

/*Contact*/
/*****************************************************************************************************/
#map { border-top: 1px solid #999999; padding-top: 4px; }
#mapText { z-index: 2; position: relative; top: -48px; width: 200px; }


/*technology*/
/*****************************************************************************************************/
p.miniaturLeft { width: 184px; float: left; margin-bottom: 2em; position: relative; }
p.miniaturRight { width: 184px; float: right; margin-bottom: 2em;  position: relative; }
p.miniaturLeft strong , p.miniaturRight strong { display: block; width: 176px; margin-bottom: 1em; line-height: 120%; }

p.myClear { clear: both; line-height: 1%; height: 0px;}

#imageZoom { display: none; width: 512px; height: 400px; overflow: hidden; position: absolute; top: 0; left: 300px; background: url(../images/schatten-large.png) 0 0 no-repeat; cursor:pointer; }

#imageZoom img.title { display: block; }
#imageZoom img.zoom { border: 1px solid #0F82C3; display: block;}


img.diagramm { display: block; }
img.diagrammLast { margin-bottom: 2em; }

#printBreak {display: none; height: 30em;}

/*Editor*/
/*****************************************************************************************************/

/*Login*/
fieldset.box { background: #dbe2e5; border: none; padding: 8px 8px 24px 8px;}
fieldset.box label { color: #000000; display: block !important; }
fieldset.box input.login { width: 260px; height: 18px; border: 1px solid #0F82C3; margin-bottom: 0px; font-size: 12px; padding-left: 4px; }
#loginBox p { background: transparent; }

/*Button*/
p.button { text-align: right; width: 100%; margin-top: 48px } 
button { color: #FFFFFF; background: #0F82C3; border: none; padding: 2px 4px 2px 4px; cursor: pointer;}
img.editButton { margin: 4px 4px 8px 0px; cursor: pointer; }

img.editButtonSave { margin: 0px 0px 8px 0px; cursor: pointer; float: right; position: relative; top: -22px; right: -4px;}

/*List*/
table.directory td { padding-bottom: 8px; }
table.directory td img { cursor: pointer; }
.td_edit ,
.td_live ,
.td_delet { width: 20px; text-align: right !important; }

/*Edit*/
.cms-box textarea { width: 400px; font-size:76%; line-height: 160%;}
.colorMe { color: #0F82C3 !important;}

.hiddenField { display: none; }


ul.linkList li a strong {color: #0F82C3 !important;}
ul.linkList li a:hover strong {text-decoration: underline; }