/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Farben                                                                                                 */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*  Grau  (  10%  )                  #D7D7D7
/*  Grau  (  20%  )                  #B7B7B7
/*  Grau  (  30%  )                  #9B9B9B
/*  Grau  (  50%  )                  #707070

/* Hintergrund-Blau                #ECF1F8
/* Border- Blau                    #ABC0DB
/* Navigation-Schrift              #00335E


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Allgemeine Styles                                                                                      */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

html {
  height: 100%;
}

body
{
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background: #ECF1F8;
	height:100%;
  scrollbar-base-color:#ECF1F8;
  scrollbar-arrow-color:#ECF1F8;
  scrollbar-darkshadow-color:#ECF1F8;
  scrollbar-face-color:#ECF1F8;
  scrollbar-highlight-color:#ECF1F8;
  scrollbar-shadow-color:#ECF1F8;
  scrollbar-track-color:#ECF1F8;

}

table
{
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-size: 11px;
  color: #000000;

}

h1 { color: #00335E; font-size: 14px; line-height: 16px; margin: 0;}
h2 { color: #ACC0DC; font-size: 12px; line-height: 16px; margin: 0;}

img { border: 0px; }

p {  margin-top:0px;  margin-bottom:0px}

.spacer  {display:block; font-size: 1px;}


#container
{
  position: absolute;
  top: 50%;
	vertical-align:middle;
  left: 50%;
  width: 785px;
  margin-left: -400px; /*set to a negative number 1/2 of your width*/
	margin-top: -300px; /*set to a negative number 1/2 of your width*/
  height: 560px !important;
  min-height: 90% !important;
  height: 560px;
  min-height: 90%;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#navi
{
  position: absolute;
  width: 160px;
  height: 520px;
  left: 0px;
  display: block;
  background: url(../_images/bg_navi.gif);
  color: #00335E;
}

#main
{
  position: absolute;
  width: 620px;
  height: 570px;
  left: 170px;
  display: block;
  border: 2px solid #ABC0DB;
  background: #FFFFFF;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header
{
  margin: 0px 0px 0px 4px;

  height: 130px;
  background: url(../_images/header_01.jpg);
}

#logoIgamed
{
  position: absolute;
  width: 173px;
  height: 130px;
  left: 420px;
  top: 24px;
}

#loginLayer
{
	position: absolute;
  width: 160px;
  height: 20px;
  left: 5px;
  top: 520px;
	background: #ECF1F8;
	display: none !important;
	display: block;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content
{
  position: absolute;
  width: 590px;
  margin-top: 12px !important;
  margin-top: 22px;
  margin-left: 116px;
  display: block;
  line-height: 13px;
}

#contentScroll
{
  position: relative;
  left: 116px;
  top: 12px !important;
  top: 22px;
  width: 492px;
  height: 320px;

  display: block;
  overflow:auto;

  scrollbar-base-color:#ABC0DB;
  scrollbar-arrow-color:#ABC0DB;
  scrollbar-darkshadow-color:#ABC0DB;
  scrollbar-face-color:#D7E2F1;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-track-color:#ECF1F8;
}


#headlineContainer
{
  position: absolute;
  top:0px;
  width: 330px;
}

#textContainer
{
  position: absolute;
  top:25px;
  width: 330px;
}

#imageContainer
{
  position: absolute;
  left: 370px;
  top:25px;
  width: 110px;
}

#footerLogos
{
  position: absolute;
	left:116px;
  top: 490px !important;
  top: 475px;
  

}

#footer
{
  position: absolute;
  top: 544px !important;
  top: 540px;
  width: 610px;
  height:16px !important;
  height:22px;
  background: url(../_images/bg_footer.jpg);

  color: #00335E;

  margin: 0px 0px 0px 4px ;
  padding: 6px 0 0 0;
}


#footerBMF
{
  position: absolute;
	right: 0px;
  top: 580x !important;
  top: 575px;
  

}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Navigation                                                                                                */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a.navigationAll:link, a.navigationAll:visited {
  display: block;
  background: none;
  font-size: 11px;
  color: #00335E;
  padding-top: 5px;
  padding-left: 8px;
  height: 22px !important;
  height: 25px;
  width: 157px !important;
  width: 165px;
  text-decoration: none;
  font-weight: normal;

  border-bottom: 1px solid #D3DFEF;
}

a.navigationAll:hover {
  /*background: url(../_images/bg_navi_trans.gif);*/
  background: #FFFFFF;
  filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
  text-decoration: none;


}


a.navigationAllActive:link, a.navigationAllActive:visited, a.navigationAllActive:hover {
  display: block;
  background: #D3DFEF;
  font-size: 11px;
  color: #00335E;
  padding-top: 5px;
  padding-left: 8px;
  height: 22px !important;
  height: 25px;
  width: 157px !important;
  width: 165px;
  text-decoration: none;
  font-weight: normal;

  border-bottom: 1px solid #D3DFEF;
}


a.navigationAllUnder:link, a.navigationAllUnder:visited {
  display: block;
  background: #ECF1F8;
  font-size: 11px;
  color: #00335E;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  height: auto !important;
  height: 54px;
  width: 180px !important;
  width: 170px;
  text-decoration: none;
  font-weight: normal;

  border-bottom: 1px solid #FFFFFF;
}

a.navigationAllUnder:hover {
  background: #D3DFEF;
  text-decoration: none;
}

a.lostPW:link, a.lostPW:visited, a.lostPW:hover {
  line-height: 27px;
  color: #00335E;
  text-decoration: none;
  padding-top: 5px;
}

a.extern:link, a.extern:visited {
  font-size: 11px;
  color: #00335E;
  text-decoration: none;

}
a.extern:hover {
  font-size: 11px;
  text-decoration: underline;
}

a.externLinks:link, a.externLinks:visited {
  font-size: 11px;
  color: #00335E;
  text-decoration: none;
  font-weight: bold;

}
a.externLinks:hover {
  font-size: 11px;
  text-decoration: underline;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Workshpop                                                                                                    */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.workshopSpacer
{
vertical-align:middle;
height:10px;
}

.workshopDate
{

}
.workshopTopic
{
font-weight: bold;
color: #00335E;
}
.workshopSpeaker
{

}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Forms                                                                                                    */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

label
{
width:165px;
}

input#userName, input#password
{
width: 120px;
border:0px;
vertical-align: top;
}

input#submit
{

}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Forms Kontaktformular                                                                                    */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.textfeld
{
width:240px;
font-family:arial;
font-size:12px;
color:#828689;
border-width:1px;
border-style:solid;
border-color:#ABC0DB;
background-color:#ECF1F8;
margin:0px;
padding:0px;
}

.textfeld1
{
width:40;
font-family:arial;
font-size:12px;
color:#828689;
border-width:1px;
border-style:solid;
border-color:#ABC0DB;
background-color:#ECF1F8;
margin:0px;
padding:0px;
}

.textfeld2
{
width:180px;
font-family:arial;
font-size:12px;
color:#828689;
border-width:1px;
border-style:solid;
border-color:#ABC0DB;
background-color:#ECF1F8;
margin:0px;
padding:0px;
}

.kontaktsenden
{
width:85px;
background-color:#ABC0DB;
border:1px solid #ABC0DB;
color:#FFFFFF;
font-size:11px;
}


.textarea
{
font-family:Arial;
font-size:12px;
color:#828689;
width:240px;
height:69px;
background-color:#ECF1F8;
border:1px solid #ABC0DB;
scrollbar-base-color:#ECF1F8;
scrollbar-3dlight-color:#ECF1F8;
scrollbar-arrow-color:#ABC0DB;
scrollbar-darkshadow-color:#ECF1F8;
scrollbar-face-color:#ECF1F8;
scrollbar-highlight-color:#ECF1F8;
scrollbar-shadow-color:#ECF1F8;
scrollbar-track-color:#ECF1F8;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Impressum                                                                                      */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ueberschriftgross
{
color:#ABC0DB;
font-family:Arial;
font-size:12px;
font-weight:800;
line-height:16px;
vertical-align:top;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Navigation  Listen                                                                                        */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 165px;
  }

  ul li {
  position: relative;
  }

  li:hover ul, li.over ul {
  display: block; }

  li ul {
  position: absolute;
  left: 165px;
  top: 0;

  display: none;

  }

  ul li a {
  display: block;
  border-bottom: 0;
  }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


