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: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.home{
height:auto;
display:block;
background-color: #99B3CC;
text-decoration:none;
text-align:center;
color:#FFFFFF;
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 {
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.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 */

#dropdown ul h5.aktuell {
color:#FFFFFF;
font-weight:bold;
}

/*--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;
}
/* damit die Markierung der Überschrift beim Hovern der 2. Ebene (aller ul) bleibt*/
#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;
}
/* damit die Markierung der 2. Ebene beim Hovern der 3. Ebene bleibt*/
#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;
}

/*-- Dropdown für anklickbares Archiv --*/
/* style the first level background */
#dropdown ul a.archiv, #dropdown ul a.archiv:visited {
color:#000000;
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;
}

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

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

.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 */
}

/*----------Überschrifttexte der Warnungen, Hinweise und Analysen---------*/

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

padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

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

padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

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

padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

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

padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

.colorbox_green{
background: #11EE11; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExZWUxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(right , #FFFFFF 75%, #11EE11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0.75,#FFFFFF), color-stop(1,#11EE11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right , #FFFFFF 75%, #11EE11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right , #FFFFFF 75%, #11EE11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right , #FFFFFF 75%, #11EE11 100%); /* IE10+ */
background: linear-gradient(to left, #FFFFFF 75%, #11EE11 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#FFFFFF', startColorstr='#11EE11',GradientType=1 ); /* IE6-8 */

padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

.colorbox_blue{
padding:1px 0 1px 0;
margin:0 0 15px 3px;
}

.title{
color:#000000;
padding:0px 10px 0px 22px;
margin:0px 3px 0px 0px;
font-size:11px;
line-height:13px;
}

.title_weiss{
color:#FFF;
padding:0px 10px 0px 22px;
margin:0px 3px 0px 0px;
font-size:11px;
line-height:13px;
}

.title_green{
color:#000000;
padding:10px 10px 10px 25px;
margin:0 3px 0px 0px;
font-size:11px;
line-height:13px;
}

/*----Verlinkungen in Warnungen und Analysen----*/
a{
color:#000000;
text-decoration:none;
}

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

a.more_weiss{
font-style:italic;
color:#FFF;
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:#000;
text-decoration:none;
}

a.title_ana_link_weiss{
color:#FFF;
text-decoration:none;
}

a.link{
color:#0000FF;
font-size:11px;
text-decoration:underline;
}

a.link2{
color:#0000FF;
font-size:12px;
text-decoration:underline;
}

/*----------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:5;
top:-50px;
right:50px;
}

.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;
}

/*fuer alte Vorhersagekarten*/
img.map{
padding:2px 2px 2px 2px;
}

/*------------Warnungen - Hinweise - Analysen-------------*/

.box{
width:478px;
float:left;
margin:0 0 0 18px;
}

.box_right{
width:570px;
float:left;
margin:0 0 0 10px;
}

.box_content{
width:464px;
height: auto;
margin:0 5px 0 10px;
padding:15px 0 0 0;
border-width: 1px;
border-style: solid;
border-color: #99B3CC;
-webkit-box-shadow:  0px 0px 3px 0px #777;
box-shadow:  0px 0px 3px 0px #777;
}

.box_content_farbverlauf{
width:464px;
height: auto;
margin:0 5px 0 10px;
padding:15px 0 0 0;
border-width: 1px;
border-style: solid;
border-color: #99B3CC;
-webkit-box-shadow:  0px 0px 3px 0px #777;
box-shadow:  0px 0px 3px 0px #777;
background: #D2DDEC;
}

/*-----Hitlisten----*/

#menu_hitlist {
width: 100%;
padding: 0 10px;
font-family: Verdana;
font-size: 11px;
line-height: 1.5;
float: left;
}

#menu_hitlist ul {
float: left;
width: 109px;
list-style-type: none;
}

#menu_hitlist h3 {
font-size: 11px;
text-align: center;
color: #89A;
border: 1px solid #89A; /*--erforderlich für IE 7--*/
cursor: pointer;
background:#FFFFFF;
}

#menu_hitlist h3.aktuell {
color: #000;
}

#menu_hitlist h3:hover {
color: #000;
}

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

#menu_hitlist ul ul.drop_d {
position: absolute;
margin-top: 0px;
padding-top: 5px;
width: 573px;
z-index: 200;
display: block;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu_hitlist ul ul.drop_eu {
position: absolute;
margin: 0px 0 0 -109px;
padding-top: 5px;
width: 573px;
z-index: 200;
display: none;
}
/* lässt drop_eu genau über drop_d erscheinen */
#menu_hitlist ul li:hover ul.drop_eu {
position: absolute;
margin-top: 0px;
padding-top: 5px;
width:573px;
z-index: 200;
display: block;
}

/* versteckt die "Drop-Down-Links", solange nicht gehovert wird */
#menu_hitlist ul ul.drop_am {
position: absolute;
margin: 0px 0 0 -218px;
padding-top: 5px;
width: 573px;
z-index: 200;
display: none;
}
/* lässt drop_am genau über drop_d erscheinen */
#menu_hitlist ul li:hover ul.drop_am {
position: absolute;
margin-top: 0px;
padding-top: 5px;
width:573px;
z-index: 200;
display: block;
}

/* versteckt die "Drop-Down-Links", solange nicht gehovert wird */
#menu_hitlist ul ul.drop_au {
position: absolute;
margin: 0px 0 0 -327px;
padding-top: 5px;
width: 573px;
z-index: 200;
display: none;
}
/* lässt drop_au genau über drop_d erscheinen */
#menu_hitlist ul li:hover ul.drop_au {
position: absolute;
margin-top: 0px;
padding-top: 5px;
width:573px;
z-index: 200;
display: block;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu_hitlist ul li:hover ul {
display: block;
}

/* damit Europa markiert bleibt */
/* style the second level hover */
#menu_hitlist ul h3.aktuell_2:hover {
color:#000000;
font-weight:bold;
}
/* damit die Markierung der Überschrift beim Hovern der 2. Ebene (aller ul) bleibt*/
#menu_hitlist ul :hover > h3.aktuell_2 {
color:#000000;
font-weight:bold;
}


.hitlist_right{
width:478px;
float:left;
margin:0 0 20px 0px;
}

.hitlist_box{
float:left;
width:167px;
margin:-4px 10px 0 0px;
padding:10px 0 0 0;
border-width: 1px;
border-style: solid;
border-color: #99B3CC;
background: #FFFFFF;
}

.hitlist_content{
color:#000000;
margin: 0 5px 0 0;
padding:0px 10px 0px 10px;
white-space: nowrap;
overflow: hidden;
}

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

/*---------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;
}

/*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;
}

/* 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;
}
}

.ueber_uns{
font-weight:bold;
font-size:14px;
padding:0 0 20px 0;
position:relative;
left:60px;
}

.ie-only-visible {display:none;visibility:hidden;}