/* Copyright: Bloom Design - Realisation by: Alphabit Data As
 -----------------------------------------------------------------*/

 /* COLORS
 ----------------------------------------------------------------- */
/* 	Textcopy                  Blue:  #010080
 	Borders and links         Red: #FF3300 }
	color: #0086cb

    Page Background:
	Main Background:
	Border around Menues:
	MenuLeft color:
	Update Background:
	Footer Background:
	Text:
	Links:


*/

@import url("Slideshows/MixTerseCrystal/style.css");
@import url("Slideshows/Lightbox/style.css");

Div#HotSpot1 {position: relative; margin-top: 0px; left:150px; top:0px; width:780px; height:40px; z-index: 101; }

Div#HotSpot2 {position: relative; margin-top: 0px; left:100px; top:0px; width:780px; height:40px; z-index: 200; }

Div#HotSpot3 {
  position: relative; margin-top: 0px; left:50px; top:0px; width:780px; height:40px; z-index: 300;
  }

Div#HotSpot4 {
 position: relative; margin-top: 0px; left:50px; top:0px; width:780px; height:40px; z-index: 300;
}


#Home Div#HotSpot1 {
  position: relative;
  margin-top:0px;
  left:50px;
  top:150px;
  width:310px;
  height:310px;
  z-index: 101;
  }

#Home Div#HotSpot2 {
  position: relative;
  margin-top:0px;
  left:370px;
  top:-160px;
  width:310px;
  height:310px;
  z-index: 200;
  }

#Home Div#HotSpot3 {
  position: relative;
  margin-top:0px;
  left:50px;
  top:-150px;
  width:310px;
  height:310px;
  z-index: 300;
  }

#Home Div#HotSpot4 {
 position: relative;
 margin-top:0px;
 left:370px;
 top:-460px;
 width:310px;
 height:310px;
 z-index: 300;
}




/* Standard tags
------------------------------------------------------------------- */
a:link, td a:link   		{ color: #f29400; font-weight: normal; text-decoration: none; }
a:visited, td a:visited     { color: #f29400; font-weight: normal; text-decoration: none; }
a:hover, td a:hover     	{ color: #f29400; font-weight: normal; text-decoration: none; }
a:active, td a:active      	{ color: #f29400; font-weight: normal; text-decoration: none; }


.Heading a:visited   { color: #f29400; font-weight: normal; text-decoration: none; }


#Main a:link, #MainOnly a:link  		{ color: #f29400;  font-weight: normal; text-decoration: none; border-bottom: 0px dotted #f29400; }
#Main a:visited, #MainOnly a:link     	{ color: #f29400; font-weight: normal; text-decoration: none; border-bottom: 0px dotted #f29400; }
#Main a:hover, #MainOnly a:link     	{ color: #f29400; font-weight: normal; text-decoration: none; border-bottom: 0px dotted #f29400; }
#Main a:active, #MainOnly a:link      	{ color: #f29400; font-weight: normal; text-decoration: none; border-bottom: 0px dotted #f29400; }

#Main a:link[target=_blank],    #MainOnly a:link[target=_blank]  		 { color: #0086cb ; border-bottom: 1px dotted #0086cb ;  }
#Main a:visited[target=_blank], #MainOnly a:visited[target=_blank]     	 { color: #0086cb ; border-bottom: 1px dotted #0086cb ;  }
#Main a:hover[target=_blank] , #MainOnly a:hover[target=_blank]     	 { color: #0086cb ; border-bottom: 1px dotted #0086cb ;  }
#Main a:active[target=_blank] , #MainOnly a:active[target=_blank]    	 { color: #0086cb ; border-bottom: 1px dotted #0086cb ;  }


#Content .ImageCenter a, #Content .ImageLeft a, #Content .ImageRight a {
  border-bottom: none !important;
}


a .label  { color: #000000; font-weight: normal }


/* Do not show border on images */

#Content .Image a, #Content .ImageLeft a,#Content .ImageRight a, #Content .ImageCenter a {
  border: none;
  background-color: transparent;
}
#Content .Image a:hover, #Content .ImageLeft a:hover,#Content .ImageRight a:hover, #Content .ImageCenter a:hover {
  border: none;

}




/* HTML tags
 ----------------------------------------------------------------- */
 body       {
   color: #222222;
   font-size: 10pt;
   font-family: Arial,Helvetica, sans-serif;
   background-color: #FFF;
   margin: 0pt;
   padding: 0;





   }



/* ELEMENTS
 ----------------------------------------------------------------- */
 #Page       {
    background-color: #FFF;
     background-image: url("1024.jpg");
    background-repeat: repeat-y;
    background-position: 0 50%;
    margin: 0 auto;
    top: 0;
    width: 980px;
    border: solid 0px #000000;

    height: auto;



    }


#Banner     {
	position: relative;
    top:-160px;
	font-size: large;
	color: #fff;
	background-color: #fff;
	padding-left: 0px;
	padding-right: 0px;
	width: 980px;
	height: 125px;

	background-image: url(Header.jpg);
    z-index:100;

 }

 #Home #Banner,  #Home #PageHeading {
   	background-image: none;
 }

  #Home #PageHeading {
    display:none;

  }


#Home #Content {

  top:-1360px;

      background-image:none;
  position:relative;

  width:880px;
  height:400px;

}






 #Home #MainOnly {

  height:810px;
  padding-right:20px;
  top:0px;
  clear:both;
  position:absolute;
     background-image:url(Home.jpg);
  background-repeat:no-repeat;
left:-30px;
width:880px;




 }

#Home #Naviation2 {
  display:none;
}


#Home #MainOnly * .Article {
  padding-right: 20px;
  font-weight: bold;
  display:none;
}


#Home #MainOnly div {
 padding-right:10px;

}
#Home #Main_1 {
  width:250px;

  float:left;

    position: absolute;
  top:220px;
  left:90px;



}

#Home #Main_2 {
  width:250px;
  padding-top:0px;
  padding-left:15px;
  clear:both;
  float:right;
  text-align: right;
  position: absolute;
  top:220px;
  left:450px;

}

#Home #Main_3 {
  width:250px;

  float:left;

    position: absolute;
  top:700px;
  left:90px;
}
#Home #Main_3 h2 {
  padding-right:75px;
}


#Home #Main_4 {
  width:250px;
  padding-top:0px;
  padding-left:15px;
  clear:both;
  float:right;
text-align:right;
  position: absolute;
  top:700px;
  left:450px;

}

#Home #MainOnly h2 {
  font-size: 10pt;
}


/*
#Home #Main_1 {
  width:600px;
  padding-right:20px;

}
#Home #Main_2 {
  width:320px;
  float:left;
   padding-right:20px;

}

#Home #Main_3 {
  width:320px;

  float:right;
  top:0px;
  padding-right:20px;

}
#Home #Main_4 {
  clear:both;
  width:320px;
  float:left;
   padding-right:20px;
   margin-top:20px;

}
*/
#Home #Main_5 {
  width:320px;
    margin-top:20px;
  float:right;
  top:0px;
  padding-right:20px;

}
#Home #Footer {

   background-image: none;


  clear:both;
  position:absolute;
  top:810px;
}


 #Banner .Caption {
   top: 160px;
   color: #010080;
  position: relative;
  margin-left: 10px;
}
 #Banner .Caption h2 {
   font-size:10pt;
 }

#PageHeading {
  width:910px;
  height:100px;

  position:relative;
  top:0px;
     background-color:#FFFFFF;

  background-image: url(PageHeading.jpg);
  background-repeat: no-repeat;
  background-position: 0 50%;

  left:-30px;

  padding-left:70px;

  margin-top:0px;




}



#PageHeading h1 {

padding:0;
margin:0;

}

.SiteMapM2 ul.Content {
  display:none;
}


/* Alternative banner pictures at different menues
------------------------------------------------------------*/
/* #Partners #Banner {
	background-image: url(PartnersHeader.jpg);
}


#Home #Banner {
	background-image: url(HeaderHome.jpg);
}
*/
#Intro #Banner {
	background-image: url(HeaderIntro.jpg);
}

#Using #Banner {
	background-image: url(HeaderUsing.jpg);
}
#Facts #Banner {
	background-image: url(HeaderFacts.jpg);
}
#Support #Banner {
	background-image: url(HeaderSupport.jpg);
}
 /*
#Home #PageHeading {
	background-image: url(PageHeadingHome.jpg);
}
 */
#Intro #PageHeading {
	background-image: url(PageHeadingIntro.jpg);
}
#Using #PageHeading {
	background-image: url(PageHeadingUsing.jpg);
}
#Facts #PageHeading {
	background-image: url(PageHeadingFacts.jpg);
}
#Support #PageHeading {
	background-image: url(PageHeadingSupport.jpg);
}

#Home ul#ULNavigation2 li {
  background-image: url(NotActiveHome.jpg)
}
#Home ul#ULNavigation2 li.Aktiv {
  background-image: url(ActiveHome.jpg)
}


#Intro ul#ULNavigation2 li {
  background-image: url(NotActiveIntro.jpg)
}
#Intro ul#ULNavigation2 li.Aktiv {
  background-image: url(ActiveIntro.jpg)
}

#Using ul#ULNavigation2 li {
  background-image: url(NotActiveUsing.jpg)
}
#Using ul#ULNavigation2 li.Aktiv {
  background-image: url(ActiveUsing.jpg)
}

#Facts ul#ULNavigation2 li {
  background-image: url(NotActiveFacts.jpg)
}
#Facts ul#ULNavigation2 li.Aktiv {
  background-image: url(ActiveFacts.jpg)
}

#Support ul#ULNavigation2 li {
  background-image: url(NotActiveSupport.jpg)
}
#Support ul#ULNavigation2 li.Aktiv {
  background-image: url(ActiveSupport.jpg)
}
/*
------------------------------------------------------------*/

#Banner:after{
	clear: both;}



#Navigation1   {
/*  background: url("Left.jpg") no-repeat left 420px;
  width: 150px;
  height: auto !important;
  min-height: 610px;
  float: left;
background-color: #C0C0D4;
*/
display:none;
}



#Navigation2 {

  float:left;
  margin-left:-11px;
  width:100px;

  margin-top: 0px;
  left:-20px;


}

/* Alternative Left pictures at different menues
------------------------------------------------------------*/
#Partners #Navigation1  { background: #d6f0fc url("PartnersLeft.jpg") no-repeat left bottom; }
#RightSolution #Navigation1  { background: #d6f0fc url("RightSolutionLeft.jpg") no-repeat left 420px; }
/* #GiveYou #Navigation1  { background: #d6f0fc url("GiveYouLeft.jpg") no-repeat left 420px; } */

/*
------------------------------------------------------------*/
.breadcrumb { font-size: 8pt; position: relative; width: 980px; height: 10px; float: left; clear: both }
#Navigation1  li  {
	margin: 0;
	padding: 10px 0 0;
	height: 40px;
	vertical-align: middle;


border-bottom:1px solid #999999;

}
#ULNavigation1  li.Aktiv  {
  background-color: #fff;
  border-bottom: none;
  border-top: 1px;
  height: auto; min-height: 40px;
  border-top-color: #FF3300;
  border-top-style: solid;
  border-top-width: 2px;
  border-left-color: #FF3300;
  border-left-style: solid;
  border-left-width: 2px;
}

#ULNavigation2  li.Aktiv  {
  background-color: #fff;
  border-bottom: none;
  border-top:0px;
  height: 70px;
  border-top-color: #FFFFFF;
  border-top-style: solid;
  border-top-width: 0px;
  border-left-color: #FF3300;
  border-left-style: solid;
  border-left-width: 0px;

}

#Navigation1  li a  {height: inherit; }
#Navigation1  li.Aktiv a {height: inherit; }



div#Navigation1 ul#ULNavigation1 li.Aktiv ul#ULNavigation2 li {
	margin: 0;
    padding: 0;
    height: auto;
	border-bottom: none;

}
div#Navigation1 ul#ULNavigation1 li.Aktiv ul#ULNavigation2 li.Aktiv  {

	background-color: #fff; border-bottom: none;
	min-height: 0;
	height: auto;
}


#ULNavigation1 li a {


color:#010080;
display:block;
font-size: 10pt;
padding:5px 5px 5px 15px;
text-decoration:none;
}


#ULNavigation1 li.Aktiv #ULNavigation2 li a {
	border-bottom:none;
	color:#010080;
	}

#ULNavigation1 li.Aktiv #ULNavigation2 li.Aktiv a {
	border-bottom:none;
	color:  #FF3300;
	}



#ULNavigation1 li.Aktiv a {
	border-bottom:none;
	color:  #FF3300;
	}



#ULNavigation1 * em, #ULNavigation2 * em {
	font-style: normal;
	}

ul#ULNavigation2 li a {
  color: #222222;
  padding-left: 0px;
  padding-right: 15px;
  padding-top:10px;
  margin-top:0px;
  margin-right:5px;
  Display:block;
   font-weight:bold;
   font-size:8pt;

}

ul #ULNavigation1  li a:hover {
text-decoration:underline;
}
ul #ULNavigation1  li.path {
background:#FFFFFF none repeat scroll 0%;
}

#ULNavigation1 a.Aktiv {
color:#0086cb;
}


/* Navigation 2 */



	#ULNavigation2 {

      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      margin: 0px;
      padding:0px;
      background-color: #fff;
      font-size: 75%
}

ul #ULNavigation2  li    {
	color: red;
	padding: 0;
 }
ul #ULNavigation2  li  * span  {
	color: #FF3300;
 }



#Navigation1 ul {
list-style-image:none;

list-style-position: outside;
list-style-type:none;
margin:0pt;
padding:0pt;

}

	/*
    #Navigation1 * #Navigation2  {
	padding-top: -5px;
}

#ULNavigation2 {
	font-size: 5px;
	padding: -5 0 0 0;
}
*/
#ULNavigation2 li {
  width:125px;
  height:70px;
  padding-top:0px;
  padding-left:22px;
  padding-right:5px;
  background-repeat: no-repeat;
}



/* SITEMAP - overwrites the default
---------------------------------------------------*/
#SiteMap {
  width:400px;

}


#SiteMap .SiteMapM1 {
 background-color:#FFF;
}


#SiteMap .SiteMapM1 a {
  background-color:#FFF;
  font-size:14pt;
  color:#222;
}
#SiteMap .SiteMapM2 a {
  background-color:#FFF;
  font-size:10pt;
  color:#222;
}
/* END SITEMAP - 
---------------------------------------------------*/
	/*
	#ULNavigation2 A     { color: #039;  text-decoration: none; padding-left: 5px; max-height: 18px }
	#ULNavigation2 A:link  { color: #039;  text-decoration: none }
	#ULNavigation2 A:visited  { color: #039;  text-decoration: none }
	#ULNavigation2 A:hover   { color: #039; }
	#ULNavigation2 A:hover:visited   { color: #039; }
	#ULNavigation2 .Aktiv  { font-style: italic; background-color: #fff; border-style: none }
*/


#Icons {
  position: absolute;
  clear:both;
  top:18px;
  width:100px;
  z-index:500;
}

#BodyExtra {
  position: absolute;
  clear:both;
  top:38px;
  width:100px;
  z-index:500;
}

#BodyExtraClearfix {
  height:0;
  width:0;
}


#Content    {
    background-color: #fff;
    top:-160px;
    position:relative;

    padding: 0;

    margin:0px;
    width: 950px;
    float: left;

    background-image:url(Binder.jpg);

    background-repeat:repeat-y;
    background-position: 0;
    padding-left:30px;


}


#MainOnly {
	float: left;
	background-color: #fff;
    margin: 0px 10px 10px 40px;
	width:740px;
	padding: 0;

    min-height: 400px;
}

#MainOnly div {
  padding-right:20px;
}

#Facts #MainOnly div {
  padding-right:0;
}


#Main {
	float: left;
	background-color: #fff;

	margin-top:0px;
	min-height: 400px;
    height:auto;
    margin: 0px 10px 10px 40px;
    width:519px;
    padding: 0;
    padding-right:10px;
    padding-bottom:20px;
    border-right: 1px solid #DDDDDD;
}

#Main img, #MainOnly img {
	border: 1px solid #000000;
}

/*
.MainClearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.MainClearfix { display: inline; }
*/



#Update {
	font-size: 75%;


	background-color:#FFF;
	float:left;



	height: auto;


    margin: 0px 10px 10px 10px;
    width:190px;
    padding: 0;



}
#Update div {

	padding-bottom: 10px;
	clear: both;
    padding-left: 5px;
}

#Update div div {
	border-bottom: none;
	padding-bottom: 0;
}


.NewsList H3 {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.NewsList .DateAndTime {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 1px;
    width:140px;
}
.NewsList td.Ingress {
  padding-bottom: 10px;
}


#Update * h3 a { color: #FF3300 }

#Update * h3 a:visited   { color: #FF3300; font-weight: normal }

#Update * h2 a { color: #646567 }

#Update * h2 a:visited   { color: #646567; font-weight: normal }

#Update * pre a { color: #f29400 }

#Update * pre a:visited   { color: #f29400; font-weight: normal }



#Footer {
    clear:both;
 	margin: 0px auto 0;
 	padding-bottom: 5px;
 	width: 980px;
    height:45px;

background-image: url(Footer.jpg);
background-repeat: no-repeat;
background-position: 0 50%;

top:-163px;
position:relative;

}


div#Footer table {
	vertical-align: middle;
	width:980px;
}
td.FooterStandard {
	text-align:right;
}



div#Footer table td {
border:0pt none;
color:#303030;
font-size:9pt;
margin:0pt;

padding:50px 20px 0 5px;
vertical-align:top;
}


#Content .share {
  clear:both;
  margin-bottom:10px;
}




/*
Text elements
---------------------------------------------------------------------------------------------------*/

 h2, h3 {
   clear:both;
 }


 h2 a  {
	color: #f29400;
	text-decoration: none;
    padding-top: 10px;
 }



h3 a {
	text-decoration:  none;

}

Div#Update h2 {
	padding: 0px;
	padding-bottom: 5px;

	margin: 0px;
}

Div#Update h2 a:visited{
	padding: 0px;

	margin: 0px;
}


Div#Update h3 a {
	padding: 0px;
	font-size: 10pt;
	margin: 0px;
}


h3 a.Label{
	color: #000000;
}

pre {
	color: #000000;
}

/* p{
	margin: 0pt;
	padding: 10px 0 0px;
}
*/
#Main em, #MainOnly em, #Update em {
	font-style: italic;
	}


.NewsList em {
	padding: 0px;
	margin-top: 5px;
}

#Main em p, #MainOnly em p, #Update em p {
	padding: 0px 0 0px;
	}
 #Update .Article em {
	padding-top: 5px;
	}

 #Update .Article h2,  #Update .Article h2 a {
    font-size:14pt;
    font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
	}

.DateAndTime {

	font-weight: bold;

}

#Main div.Article, #MainOnly div.Article {
  margin-top: 10px;
}


.Article_PictureLeft{
	float: left;
	clear: both;
	padding: 10px 0;
}

.Survey {

	clear: both;
	padding: 10px 0;
}

.Survey textarea {
   width:auto;
}

.Survey select {
	width:auto;

}

.Survey .Label, .Survey .LabelMust {
  width:auto;
}


Div .ArticleList {
	float: left;
	clear: both;
	padding: 10px 0;
}



.ArticleList td.DateAndTime{
	width: 20%;

	}
.ArticleList td.Author{
	width: 0%;
	text-align: right;
	display: none;

	}

.ArticleList td.Ingress{

	font-style: italic;
	}

td.Heading  {
  font-weight: bold;
  font-size: 10pt;
  list-style: none;
  display: list-item;
  list-style-position: inside;
  padding: 0 10px 5px 0px;
  }
td.Heading:firstline {
	text-indent: -15px;

}
/*

td.Heading:first-letter  {
  Font-size: 200%;
  font-weight:bold;

}

*/

.ExternalLinks h2 a {
	color:  #646567;
	font-weight: bold;
	font-size: 14pt;
}
.ExternalLinks h2 a:visited {
	color: #646567;
	font-weight: bold;
	font-size: 14pt;
}

/*
  Modules
  -------------------------------------------------------------------------*/

#Update .Document ul {
  padding-left: 0;
  margin:0;
}


#Update .Document li {
 list-style: none inside;
 font-size: 10pt;

}


/*
    PopUp window
---------------------------------------------------------------------------*/
body.PopUp {
  background-color: #fff;
  padding-left:20px;
}






table.Impressum  td.Label {
  vertical-align: top;
  font-weight: bold;

  padding-right: 20px;

}

table.Impressum  td.Information {
  vertical-align: top;
padding-bottom: 10px;

}



/*
	Special styles
---------------------------------------------------------------------- */

.Subtitle1  { color: #00c; font-size: 140%; font-weight: bold }
.Subtitle2  { color: #f00; font-size: 120% }
.Extra  { color: #c03 }
/*
Image elements
---------------------------------------------------------------------------------------------------*/
.ImageLeft {
	clear: both;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-right: 5px;
	text-align: left;
}

.ImageRight {
    clear: both;
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	margin-right: 5px;
	text-align: left;
}


.ImageCenter {

	float: none;
	clear: both;
	padding-top: 10px;

	padding-bottom: 8px;
	padding-left: px;

	text-align: center;

}



.ImageDescription {
  font-style: italic;
  padding: 5px;


}


p .ImageLeft{

	padding-top: 5px;
}


 /* LINKS
 ----------------------------------------------------------------- */



ul a  {
	color: #f29400;
	text-decoration: none
 }


 /* Statusbar
 ----------------------------------------------------------------- */

 #StatusBar {
   top:0px;
   margin-left: 100px;
   width:880px;

 }

#StatusBar  {


  text-align:right;
  z-index:200;
  position: absolute;

}

#StatusBar .Languages span a{

 float:left;
 padding-left:20px;




}

#StatusBar .Languages span {
  padding-left:0px;
}

#StatusBar div.Languages {
  width:600px;
  float:right;
}


Div.Register {
 float:left;
 width:200px;
}

Div.Register .UserName {
    color:#000;
}

Div.FacebookLike {
  clear:both;
  padding-top:10px;
  padding-bottom:10px;
  min-height: 30px;
}