body
{
background: #99b3cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5OWIzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #99b3cc 10%, #ffffff 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#99b3cc), color-stop(75%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #99b3cc 10%,#ffffff 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #99b3cc 10%,#ffffff 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #99b3cc 10%,#ffffff 75%); /* IE10+ */
background: linear-gradient(to bottom,  #99b3cc 10%,#ffffff 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b3cc', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
background-repeat:no-repeat;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

x:-o-prefocus, body
{
background: #99b3cc; /* Old browsers */

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.clear{
clear:both;
}

.clock{
float:left;
width:452px;
margin:3px 0 0 18px;
}

/*td{
padding:2px 2px 2px 2px;
} */

p{
margin:5px 0 5px 0;
}

h3.aktuell{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}

h3.aktuell_2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}

p.headings{
font-size:13px;
margin:5px 0 5px 0;
}

p.satpics{
font-size:11px;
margin:0px 0 0px 0;
}

p.footer{
margin:12px 5px 5px 5px;
float:right;
font-size:12px;
}

p.footer2{
margin:5px 5px 5px 5px;
float:left;
font-size:12px;
}

p.details{
font-size:11px;
line-height:13px;
color:#000;
text-align:justify;
}

p.details_weiss{
font-size:11px;
line-height:13px;
color:#FFF;
text-align:justify;
}

p.product{
margin:0 0 4px 0;
text-align:center;
font-weight:bold;
font-size:11px;
line-height:13px;
}

#wrap_head{
width:1100px;
height: 55px;
margin: 0px auto auto auto;
background-color:#FFFFFF;
-webkit-box-shadow:  0px -6px 8px 0px #777;
box-shadow:  0px -6px 8px 0px #777;
}

#wrap_bottom{
width:1098px;
margin: 0px auto 10px auto;
background-color:#FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #777;
float:left;
-webkit-box-shadow:  0px 6px 8px 0px #777;
box-shadow:  0px 6px 8px 0px #777;
}

.header{
float:left;
}

.logo{
float:left;
}

/*-----------------------Hauptseite-------------------*/

#wrap{
width:1100px;
margin:0px auto auto auto;
}

#wrap_navi{
width:1098px;
background-color:#FFFFFF;
float:left;
border-width: 1px;
border-style: solid;
border-color: #777;
margin:3px auto auto auto;
-webkit-box-shadow:  0px 6px 8px 0px #777;
box-shadow:  0px 6px 8px 0px #777;
}

/*------------------------Menü------------------------*/

#menu{
width:590px;
height:20px;
margin:0px 18px 0px 18px;
background-color: #FFFFFF;
position:relative;
z-index:100;
float:right;
}

#menu ul{
display:inline;
list-style:none;
float:left;
margin:1px 0 1px 0;
height:18px;
position:relative;
z-index:100;
float:right;
}

#menu ul li{
display:inline;
padding:0px;
margin:0;
height:18px;
position:relative;
z-index:100;
}

/*einzelne Button in der Menüleiste*/
#menu ul li a{
height:18px;
display:block;
padding:0px 10px 0 10px;
margin:3px 1px 0 1px;
float:left;
text-decoration:none;
text-align:center;
color:#000000;
font-size:11px;
line-height:14px;
position:relative;
z-index:100;
}

/*-----------------Dropdown-----------------------*/

* {
margin:0;
padding:0;
}

#dropdown {
width:1057px; /*beachte: Rahmen hat je ein Pixel auf beiden Seiten!*/
height:22px;
margin: 2px 20px 20px 19px;
background-color: #99B3CC;
float:left;

list-style: none;
line-height: 20px;
text-align: center;

border-width: 1px;
border-style: solid;
border-color: #6D88EA;

z-index:20;
}

#dropdown h5 {
height:auto;
display:block;

text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:20px;
font-weight:normal;
font-weight:bold;
border: 1px solid #99B3CC; /*--erforderlich für IE 7--*/
}

#dropdown h5:hover {
color: #FFFFFF;
font-weight: bold;
}

/*#dropdown ul a.alone {
height:auto;
display:block;
padding:0;
margin:0;

text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:19px;
background-color:#CDE;
border: 1px solid #CDE;
}                    */

#dropdown a {
height:auto;
display:block;
padding:0;
margin:0;

text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:19px;
background-color:#CDE;
border: 1px solid #CDE;
}

#dropdown a.home{
height:auto;
display:block;
background-color: #99B3CC;
text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:18px;
font-weight:bold;
border: 1px solid #99B3CC; /*--erforderlich für IE 7--*/
}

#dropdown a.home:hover {
color: #FFFFFF;
font-weight: bold;
}

#dropdown a.archiv{
height:auto;
display:block;
background-color: #99B3CC;
text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:20px;
font-weight:bold;
border: 1px solid #99B3CC; /*--erforderlich für IE 7--*/
}

#dropdown a.archiv:hover {
color: #FFFFFF;
font-weight: bold;
}

/* Einträge pro Menüpunkte, 1. Dropdown */
#dropdown ul {
width:150px;
display:block;

list-style: none;
line-height: 1;
text-align: center;
border-right:1px solid #89A;

float:left;
cursor: pointer;
}

/* verhindert im Zusammenhang mit position absolute bei ul ul
eine Höhenvergrößerung von #dropdown beim Hovern */
#dropdown li {
position:relative;
}

#dropdown ul ul {
position: absolute;
margin-left: -1px;
margin-top: 0px;
background:  #ABC;
width: 150px;
display:none;
border-right:1px solid #678;
border-left:1px solid #678;
border-bottom:1px solid #678;
z-index:20;
-webkit-box-shadow:  1px 2px 2px 0px #777;
box-shadow:  1px 2px 2px 0px #777;
}

#dropdown ul ul ul {
position: absolute;
padding: 0 0px 0 0px;
margin-left: 138px;
margin-top: 3px;
background:  #ABC;
border-right:1px solid #678;
border-left:1px solid #678;
border-bottom:1px solid #678;
border-top:1px solid #678;
width: 152px;
display:none;
z-index:20;
white-space: nowrap;
overflow: hidden;
}

hr{
color: #89A;
}

#dropdown ul li:hover ul {
display:block;
}

/*--versteckt die dritte Ebene--*/
#dropdown ul li:hover ul ul {
display:none;
}

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten und nach rechts ausklappen--*/
#dropdown ul ul li:hover ul {
display: block;
position: absolute;
top: 0;
}
/*-----Internet-Explorer-Extras------*/

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #dropdown ul li {
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #dropdown ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #dropdown ul li a {
height: 1%;
}

/*-------Hover- und Markierungs-Effekte------*/

/* aktuelle Rubrik kennzeichnen */

li a#archiv {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_klein.png) no-repeat 130px center;
}

/*--Dropdown für aktuelle markierte Seite--*/
/* style the first level background */
#dropdown ul a.archiv, #dropdown ul a.archiv:visited {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_klein.png) no-repeat 130px center;
}
/* style the second level hover */
#dropdown ul a.archiv:hover {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_weiss_klein.png) no-repeat 130px center;
}
#dropdown ul :hover > a.archiv {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_weiss_klein.png) no-repeat 130px center;
}
/* style the third level background */
#dropdown ul ul a, #dropdown ul ul a:visited {
background:#CDE;
}
/* style the third level hover */
#dropdown ul ul a:hover {
color:#FFFFFF;
background:#678;
}


/*--Dropdown 1--*/
/* style the first level background */
#dropdown ul h5.drop_1, #dropdown ul h5.drop_1:visited {
background:#99B3CC url(../Webpics/pfeil_runter_klein.png) no-repeat 130px center;
}
/* style the second level hover */
#dropdown ul h5.drop_1:hover {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_weiss_klein.png) no-repeat 130px center;
}
#dropdown ul :hover > h5.drop_1 {
color:#FFFFFF;
font-weight:bold;
background:#99B3CC url(../Webpics/pfeil_runter_weiss_klein.png) no-repeat 130px center;
}
/* style the third level background */
#dropdown ul ul a, #dropdown ul ul a:visited {
background:#CDE;
}
/* style the third level hover */
#dropdown ul ul a:hover {
color:#FFFFFF;
background:#678;
}

/*--Dropdown 2--*/
/* style the second level background */
#dropdown ul ul a.drop_2, #dropdown ul ul a.drop_2:visited {
background:#CDE url(../Webpics/pfeil_nachrechts_klein.png) no-repeat 130px center;
}
/* style the second level hover */
#dropdown ul ul a.drop_2:hover {
color:#FFFFFF;
background:#678 url(../Webpics/pfeil_rechts_weiss_klein.png) no-repeat 130px center;
}
#dropdown ul ul :hover > a.drop_2 {
color:#FFFFFF;
background:#678 url(../Webpics/pfeil_rechts_weiss_klein.png) no-repeat 130px center;
}
/* style the third level background */
#dropdown ul ul ul a, #dropdown ul ul ul a:visited {
background:#CDE;
}
/* style the third level hover */
#dropdown ul ul ul a:hover {
color:#FFFFFF; background:#678;
}

/*--------------Startseite-----------*/
.pixel{
height:170px;
}

.left_content{
width:1000px;
float:left;
padding:0 15px 5px 20px;
}

.right_content{
width:565px;
float:left;
margin:0px 18px 5px 0px;

background: #b1c5d8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNiMWM1ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmMmY0ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(right , #F2F4FF 25%, #B1C5D8 75%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0.25,#F2F4FF), color-stop(0.75,#B1C5D8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right , #F2F4FF 25%, #B1C5D8 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right , #F2F4FF 25%, #B1C5D8 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(right , #F2F4FF 25%, #B1C5D8 75%); /* IE10+ */
background: linear-gradient(to left, #F2F4FF 25%, #B1C5D8 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#F2F4FF', startColorstr='#B1C5D8',GradientType=1 ); /* IE6-8 */
}

/*----Verlinkungen in Warnungen und Analysen----*/
a{
color:#0000FF;
text-decoration:underline;
}

a:visited{
color:#4B0082;
}

a.home{
height:auto;
display:block;
background-color: #99B3CC;

text-decoration:none;
text-align:center;
color:#000000;
font-size:13px;
line-height:20px;
font-weight:bold;
border: 1px solid #99B3CC; /*--erforderlich für IE 7--*/
}

a.more{
font-style:italic;
color:#000000;
float:right;
font-size:11px;
padding:0px 15px 0 0;
text-decoration:underline;
}

a.title_link{
color:#000000;
text-decoration:none;
}

a.title_ana_link{
color:#000000;
text-decoration:none;
}

/*a.h5_link{
height:auto;
display:block;

text-decoration:none;
text-align:center;
color:#000000;
background-color:#99B3CC;
font-size:13px;
line-height:20px;
font-weight:normal;
border: 1px solid #99B3CC; /*--erforderlich für IE 7--*/
}
*/

/*----------Bilder---------*/

.img{
float:left;
margin: 0px 0 15px 10px;
}

.img_prod{
float:left;
margin: 0px 0 15px 10px;
background-color:#FFFFFF;
}

.img_1{
float:left;
margin: 0px 5px 0px 5px;
}

.img_more{
float:right;
position:relative;
z-index:10;
top:-55px;
right:40px;
}

.vertical_img{
float:left;
}

.icon{
float:left;
margin:3px 3px 0 8px;
}

.facebook{
float:left;
margin:5px 0px 5px 10px;
}

.kit_logo{
float:right;
margin:5px 5px 5px 0px;
}

.cedim_logo{
float:right;
margin:5px 15px 5px 0px;
}

/*Schatten*/
/*URL: http://www.edutechnology.net */
.hovergallery img{
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
}

.hovergallery img:hover{
opacity: 1;
-webkit-box-shadow:  0px 0px 8px 0px #555;
box-shadow:  0px 0px 8px 0px #555;
}

a.product_link{
color:#000000;
text-decoration:none;
clear:both;
font-weight:normal;
}


#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width:auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 500; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Webpics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Webpics/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 500px; background-color: #000; }





#featured{
        width:650px;
        padding-right:400px;
        position:relative;
        border:5px solid #99B3CC;
        height:400px;
        background:#fff;
}
#featured ul.ui-tabs-nav{
        position:absolute;
        top:0; left:600px;
        list-style:none;
        padding:0; margin:0;
        width:450px;
}
#featured ul.ui-tabs-nav li{
        padding:1px 0; padding-left:13px;
        font-size:12px;
        color:#666;
}
#featured ul.ui-tabs-nav li img{
        float:left; margin:2px 5px;
        background:#fff;
        padding:2px;
        border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
        font-size:11px; font-family:Arial, Helvetica, sans-serif;
        line-height:18px;
}
#featured li.ui-tabs-nav-item a{
        display:block;
        height:78px;
        color:#333;  background:#fff;
        line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
        background:#f2f2f2;
}
#featured li.ui-tabs-selected{
        background:url('../Webpics/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
        background:#99B3CC;
}
#featured .ui-tabs-panel{
        width:600px; height:100px;
        background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
        position:absolute;
        top:320px; left:0;
        height:80px;
        background: url('../Webpics/transparent-bg.png');
}
#featured .info h2{
        font-size:18px; font-family:Arial, Helvetica, sans-serif;
        color:#fff; padding:5px; margin:0;
        overflow:hidden;
}
#featured .info p{
        margin:0 5px;
        font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
        line-height:15px; color:#f0f0f0;
}
#featured .info a{
        text-decoration:none;
        color:#fff;
}
#featured .info a:hover{
        text-decoration:underline;
}
#featured .ui-tabs-hide{
        display:none;
}

/*---------Infobox--------*/

.infobox {
  position: absolute;
  display: none;
  background-color: #FFF;
  border: 1px solid #ABC;
  color:#000000;
  z-index:100;
  text-align:left;
  text-decoration:none;
  max-width:250px;
  -webkit-box-shadow:  1px 3px 3px 0px #567;
  box-shadow:  1px 3px 3px 0px #567;
  padding:1px 0px 1px 3px;
}

/*---------Archiv-Tabelle--------*/

b {
font-size:12px;
line-height:17px;
}

table {
line-height:15px;
}
td.heading {
text-align:center;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
tr.bg_white {
background-color:#ffffff;
}
tr.bg_blue {
background-color:#cfe0F7;
}
td.bar{
text-align:center;
}
.img_s{
margin:1px 1px 1px 1px;
}
td {
white-space:nowrap;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0 0 0 5px;
padding:0 0 0 2px;
}

* {
margin:0;
padding:0;
}

/* Suchfunktion*/
input.array{
font-family:Arial;
font-size:11px;
height:15px;
position:relative;
bottom:2px;
}

input.button{
font-family:Arial;
font-size:11px;
height:20px;
position:relative;
bottom:2px;
}

@-moz-document url-prefix() {
input.array{
font-family:Arial;
font-size:11px;
height:17px;
position:relative;
bottom:3px;
}

input.button{
font-family:Arial;
font-size:11px;
height:20px;
position:relative;
bottom:2px;
}
}