@CHARSET "ISO-8859-1";

/**********************************************
/* SAD: Stylesheet für Bildschirmausgabe
/*
/*
/* Allgemeine Elementeigenschaften
/*
/*********************************************/

*{
	margin:0;
	padding:0;
	/*border:0;*/
}

body{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
        background-color: #000000;
        background-image: url(../images/bg_verlauf2.jpg);
        background-repeat:repeat-x;
}

h1, h2{
	font-size:21px;
	font-weight:normal;
	line-height:30px;
	color:#546775;
	margin:9px 3px 9px 0px;
}

h2.grau{
	color:#919191;
	margin-left:12px;
}

h2{
	color:#2F679A;
	font-size:20px;
	margin-left:0px;
}

h4{
	color:#2F679A;
	font-size:12px;
	margin-left:0px;
}

a{
	color:#35649A;
}

td
{
  vertical-align: top;
}



hr
{
  height:1px;
  background-color:#FFF;
  color:#FFF;
  border: #FFF;
  margin: 5px;
  padding: 5px 0 5px 0;

}

/******************************************
/* Allgemeine Klassen
*******************************************/

.left{
	float:left;

}

.right{
	float:right;
}

.clear{
	clear:both;
}

.clearheightless {
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}

.rot{
	border:1px solid red;
}

.width81_perc{
	width:81%;
}

.width69_perc{
	width:69%;
}

.width99_perc{
	width:99%;
}

.abstand18{
	height:18px;
}

.maintext{
	width: 580px;
        padding-left: 12px;
}

img{
	border: 0px;
}
/******************************************
/* Layout 
*******************************************/

.page{
	width:1020px;
	margin:0 auto;
}

.header{
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat;
	/*width:100%;*/
	padding:0px 30px 0 0;
height:215px;
position:relative;
}

/******************************************
/* Topnavigation
*******************************************/

div.topnavi_l{
	float:right;
	margin-right:60px;
	background:url(../images/bg-topnavi_l.gif) top left no-repeat;
}

div.topnavi_r{
	background:url(../images/bg-topnavi_r.gif) top right no-repeat;
}

ul.topnavi{
/*	height:29px;*/
	background-image:url(../images/bg-topnavi_r.gif);
        background-position: 100% 0; 
        background-repeat:no-repeat;
	list-style-type:none;
	padding:0 3px;
}

ul.topnavi li{
	float:left;
/*	margin-right:6px;
	margin-left:3px;*/
	padding:6px 6px 3px 6px;
}
/*
ul.topnavi li.first
{
  background-image:url(../images/bg-topnavi_l.gif);
  background-position: 0 0; 
  background-repeat:no-repeat;
  height:29px;
}
*/
ul.topnavi li.last
{
  background-image:url(../images/bg-topnavi_r.gif);
  background-position: 100% 0; 
  background-repeat:no-repeat;
  height:29px;
}

ul.topnavi li a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

/******************************************
/* Hauptnavigation
*******************************************/

ul.navigation{
	list-style-type:none;
	margin-left:90px;
/*	padding-top:120px;
	height:36px;*/
  position:absolute;
  bottom:22px;
        white-space:nowrap;
}

ul.navigation li{
	float:left;
	margin-right:1px;
}

ul.navigation li.active{
	height:38px;
	background-color:#E3F0FB;
}

ul.navigation li .ro{
	background:url(../images/nav_r_o.gif) top right no-repeat;
}

ul.navigation li .lo{
	background:url(../images/nav_l_o.gif) top left no-repeat;
}

ul.navigation li.active .ro{
	background:url(../images/nav_r_o_act.gif) top right no-repeat;
}
ul.navigation li.active .lo{
	background:url(../images/nav_l_o_act.gif) top left no-repeat;
}






ul.navigation li .ro .lo .navname{
	width: auto !important;
	width:60px;
	min-width:60px;
	height:15px;
	padding:9px 12px;
	text-align:center;
}

ul.navigation li.active .ro .lo .navname{
	border-bottom:0px;
}

ul.navigation li:hover .ro {
	background:url(../images/nav_r_o_act.gif) top right no-repeat;
        background-color:#E3F0FB;
}

ul.navigation li:hover .lo{
	background:url(../images/nav_l_o_act.gif) top left no-repeat;
}


ul.navigation a{
	text-decoration:none;
	color:#525C66;
	font-weight:bold;
}

ul.navigation .ro .lo .navname {
	padding:3px 9px 3px 9px;
        height: 27px;
	text-align:center;
}

.navname_sad span{
	font-size:9px;
}
/*
.header .navibottom {
	width:100%;
	background-image:url(../images/bg-navbottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:8px;

  position:absolute;
  bottom:0;
}*/

/******************************************
/* Hauptnavigation Ende
*******************************************/

.content{
	/*background-image:url(../img/bg_page.gif);*/
	/*background-repeat:repeat-x;*/
	background-color:#B9CADA;
	border-top:1px solid #CDDEE8;
}

.block{
	width:900px;
	margin:0 auto;
	/*background-color:#EBF3F6;*/
	margin-bottom:9px;
	
}

.standardblock{
	width:600px;
	float:left;
}

.block .lo{
	background:url(../images/bg-content_l_o.gif) top left no-repeat;
	padding:12px 0 18px 0;
}

.block .ro{
	background:url(../images/bg-content_r_o.gif) top right no-repeat;
}

.block .lu{
	background:url(../images/bg-content_l_u.gif) bottom left no-repeat;
}

.block .ru{
	background:url(../images/bg-content_r_u.gif) bottom right no-repeat;
	background-color:#E0EBEF;
	margin-top:-3px;
}

.block .first_content{
	padding:9px 3px 12px 9px;
	margin-bottom:3px;
	border-left:2px solid #B7C5D0;
	border-right:2px solid #B7C5D0;
	zoom:1;
}

.first_content a{
 text-decoration: none;
}

.block .first_content .inhalt{
	color:#556676;
	width:81%;
	margin:3px 12px;
}

.block .main_content{
	/*width:896px;*/
	height:auto !important;
	height:102px;
	min-height:102px;
	text-align:left;
	padding:9px 12px;
	color:#556676;
	background-color:#EBF3F6;
	border-left:2px solid #B7C5D0;
	border-right:2px solid #B7C5D0;
}

.main_content a{
 text-decoration: none;
}

.block .flash{
	padding:9px;
}

.block .search{
	background-image:url(../images/bg_suche.gif);
	background-repeat:repeat-x;
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #B9CADA;
	border-right:2px solid #B9CADA;
	padding:3px 3% 0 3%;
	width:93.5%;
	height:33px;
	margin-bottom:3px;
z-index:1;
}

.block .search label{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	float:right;
	margin-right:3px;
	margin-top:7px;
}

.block .home_news{
	float:left;
	width:47%;
	padding:0 9px;
}

.innerblock{
	
}

.innerblock_sitemap{
	width:450px;
}

.innerblock .inner_ro{
	background:url(../images/bg-innerblock_r_o.gif) top right no-repeat;
	background-color:#D9E5EF;
}

.innerblock .inner_lo{
	background:url(../images/bg-innerblock_l_o.gif) top left no-repeat;
        margin-bottom: 20px;
          
}

.innerblock .inner_ru{
	background:url(../images/bg-innerblock_r_u.gif) bottom right no-repeat;
}

.innerblock .inner_lu{
	background:url(../images/bg-innerblock_l_u.gif) bottom left no-repeat;
	padding:6px 3px;
	
}

.innerblock .inner_ro_color{
	background:url(../images/bg-inner_color_r_o.gif) top right no-repeat;
	background-color:#EBA04A;
}

.innerblock .inner_lo_color{
	background:url(../images/bg-inner_color_l_o.gif) top left no-repeat;
}

.innerblock .inner_ru_color{
	background:url(../images/bg-inner_color_r_u.gif) bottom right no-repeat;
}

.innerblock .inner_lu_color{
	background:url(../images/bg-inner_color_l_u.gif) bottom left no-repeat;
	padding:6px 3px;
}

.inner_main_color_content{
	color:#556676;
	margin:6px 0px;
	padding:3px 20px;
	height: auto !important;
	height:260px;
	min-height:260px;
	border-left:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
}

/* Die breite Variante
.arrow{
	margin-top:50px;
}
*/

.arrow{
	margin-top:12px;
}

.grey_border{
	border-left:2px solid #C5D0D6;
	border-right:2px solid #C5D0D6;
	margin:3px -3px;
}

.inner_main_content{
	color:#556676;
	margin:6px 0 0 0;
	padding:3px 20px;
	height: auto !important;
	height:72px;
	min-height:72px;
	border-left:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
}

.inner_main_content h1{
	margin-left:0;
}


.inner_right_block{
	margin-right:9px;
	width:244px;
	border:2px solid #C5D0D6;
}

.inner_right_block .inner_white{
	color:#556676;
	font-size:10px;
	line-height:18px;
	background-color:#FFFFFF;
	padding:2px;
}

.inner_white .headline{
	background:url(../images/bg-ueberschrift.gif) top repeat-x;
	padding:0px 12px;
	margin-bottom:6px;
}


.headline h1{
	margin:0;
	font-size:15px;
	font-weight:bold;
}

.inner_white .right_text{
	margin:0 9px;
}

.right_text h2{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}

.search input{
	margin:6px 9px 0 0;
	/* float:right; */
}

.search input.button{
	margin-top:4px;
	float:right;
}

.block img{
	margin-right:12px;
}


table.produkte
{
  color:#000000;
  margin-right:50px:
  padding: 5px;
}

table.produkte td
{
 padding: 5px 5px 5px 0 ;
}

span.spezial
{
 font-size:9px;
 font-weight: normal;
}

.block div.slider
{
  background-image:url(/images/bg_orange.jpg);
  position:relative;
  border:none;
  height:238px !important;
  width:772px;
  padding:0 50px; 
}

.block div.slider div.slide,
.block div.slider div.slide-viewport
{
  width:772px;
  height:238px;
}

.block div.slider div.slide
{
  float:left;
  padding:10px;
}

.block div.slider div.slide-viewport
{
  overflow:hidden;
}

.block div.slider div.slides
{
  width:10000px;
}

.block div.slider img.prev,
.block div.slider img.next
{
  position:absolute;
  top:45%;
  margin:0;

}

.block div.slider img.prev
{
  left:10px;
}
.block div.slider img.next
{
  right:10px;
}


div.sitemap ul {
	padding-left:2em;
	font-weight:bold;
}

div.sitemap ul li {
	line-height:1.4em;
}

/* CSS für die Ecken neue Version */

.tr,
.br,
.bl,
.tl
{
  background-repeat:no-repeat;
}

.t,
.b
{
  background-repeat:repeat-x;
}

.r,
.l
{
  background-repeat:repeat-y;
}

.tr
{
  background-position:100% 0;
}

.br
{
  background-position:100% 100%;
}

.bl
{
  background-position:0 100%;
}

.tl
{
  background-position:0 0;
}

.t
{
  background-position:50% 0;
}

.r
{
  background-position:100% 50%;
}

.b
{
  background-position:50% 100%;
}

.l
{
  background-position:0 50%;
}

.verlauf
{
  background-image:url(/images/ecken/verlauf_bg.jpg);
  background-repeat:repeat-x;
  background-color: #CCDAE5;
}



/* div.body */

div.main_content .t
{
  background-image:url(/images/ecken/content_top.gif);
}

div.main_content .r
{
  background-image:url(/images/ecken/content_right.gif);
}

div.main_content .b
{
  background-image:url(/images/ecken/content_bottom.gif);
}

div.main_content .l
{
  background-image:url(/images/ecken/content_left.gif);
}

div.main_content .tr
{
  background-image:url(/images/ecken/content_tr.gif);
}

div.main_content .br
{
  background-image:url(/images/ecken/content_br.gif);
}

div.main_content .bl
{
  background-image:url(/images/ecken/content_bl.gif);
}

div.main_content .tl
{
  background-image:url(/images/ecken/content_tl.gif);
}

ul.sub,
ul.subnavigation
{
  color: #525C66;
  background-color: #E3EFFB;
}


ul.subnavigation
{
  bottom: 2px;
  list-style-type:none;
  margin-left:90px;
  position:absolute;
  white-space:nowrap;
  z-index: 2;
}

ul.sub a
{
  text-decoration: none;
  background-image:url(/images/arrowpng.png);
  background-position:2px 5px;
  background-repeat:no-repeat;
  list-style-type:none;
  padding-left:15px;
}

ul.sub li.first a
{
  /* padding-top: 15px; */
}

ul.subnavigation li
{
  float: left;
  padding-left: 20px;
}

ul.subnavigation li.active a
{
  color: #F07E00;
}

ul.subnavigation li.active ul.sub li a
{
  color: #525C66;
}


/* style the sub-level lists */
ul.navigation ul,
ul.subnavigation ul {text-align: left;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* ul.navigation li {float:left;height:3em;line-height:3em;} */

/* style the sub level list items */
ul.navigation ul li,
ul.subnavigation ul li
{
  display:block;
  width:12em;
  height:auto;
  line-height:1em;

}

/* style the sub level links */
ul.navigation ul a,
ul.subnavigation ul a,
ul.navigation ul ul a:visited,
ul.subnavigation ul ul a:visited
{
  display:block;
  background:#E3EFFB;
  font-weight: normal;
  color:#525C66;
  width:12em;
  height:100%;
  line-height:1em;
  padding:0.5em 1em;
  background-image:url(/images/arrowpng.png);
  background-position: 20px 10px;
  background-repeat:no-repeat;
  list-style-type:none;
  padding-left:30px;
  
}


/* style the third level background */
ul.navigation ul ul a,
ul.subnavigation ul ul a,
ul.navigation ul ul a:visited,
ul.subnavigation ul ul a:visited {background:#E3EFFB;}

/* style the fourth level background */
ul.navigation ul ul ul a,
ul.subnavigation ul ul ul a,
ul.navigation ul ul ul a:visited,
ul.subnavigation ul ul ul a:visited {background:#c4ceac;}

/* style the sub level 1 background */
ul.navigation :hover a.sub1,
ul.subnavigation :hover a.sub1
{
  background:#E3EFFB;
}

/* style the sub level 2 background */
ul.navigation ul :hover a.sub2,
ul.subnavigation ul :hover a.sub2 {background:#c4ceac;}



/* first */

ul.navigation li:hover,
ul.navigation li.hover,
ul.subnavigation li:hover,
ul.subnavigation li.hover {position:relative;}

/* second */

ul.navigation ul li:hover,
ul.navigation ul li.hover,
ul.subnavigation li:hover,
ul.subnavigation li.hover {position:relative;}
ul.navigation ul :hover > a,
ul.navigation ul .hover > a,
ul.subnavigation ul :hover > a,
ul.subnavigation ul .hover > a
{
  color:#525C66;
  background:#fff;
  background-image:url(/images/arrowpng.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  list-style-type:none;
  padding-left:30px;
}

/* third */
ul.navigation ul ul :hover > a,
ul.navigation ul ul .hover > a
{
  background:#fff;
  background-image:url(/images/arrowpng.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  list-style-type:none;
  padding-left:30px;
}

/* fourth */
ul.navigation ul ul ul a:hover {background:#fff; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.navigation ul {visibility:hidden;position:absolute;height:0;top:100%;left:0;width:14em;}
ul.subnavigation ul {visibility:hidden;position:absolute;height:0;top:100%;left:0;width:14em;background:#E3EFFB;}

/* position the third level flyout menu */
ul.navigation ul ul{left:170px;top:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
ul.navigation :hover ul,
ul.navigation .hover ul {visibility:visible; height:auto; padding-top: 10px; padding-bottom:3em; background:transparent; z-index: 20;}
ul.subnavigation :hover ul,
ul.subnavigation .hover ul {visibility:visible; height:auto; padding-top: 0px; padding-bottom:3em; background:transparent; z-index: 20;}



/* keep the third level hidden when you hover on first level list OR link */
ul.navigation :hover ul ul,
ul.navigation .hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
ul.navigation :hover ul :hover ul ul,
ul.navigation .hover ul .hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
ul.navigation :hover ul :hover ul,
ul.navigation .hover ul .hover ul{visibility:visible; padding-top: 0px;}

/* make the fourth level visible when you hover over third level list OR link */
ul.navigation :hover ul :hover ul :hover ul,
ul.navigation .hover ul .hover ul .hover ul {visibility:visible;}


a.order
{
  float: right;
}

/* Suchfelder im Header - Umbau */
div.searchfields
{
  width: 300px;
  float: right;
}

p.lupe
{
  background-image:url(/images/icon__blau.png);
  background-repeat:no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  top:20px;
  left: 5px;
}

div.innerblock a
{
  font-size: 12px !important;
}

ul.navigation li.last
{
  margin-left: 215px;
}

ul.sub li.last
{
  margin-left: 0px;
}

div.width99_perc ul
{
  list-style-position: inside;
  list-style-type: disc;
  margin-left: 30px;
}