/* CSS Document */
body { margin:0; padding:0; background-color: #FCF7E0 /*#F9EFC8#FBF3D7#FBF3D7#F9EFC8#FCF7E4*/;}
img {border:0; margin:0; padding:0;}
img a {border:0; margin:0; padding:0; text-decoration:none;}
img a:link {border:0; margin:0; padding:0; text-decoration:none;}
img a:visited {border:0; margin:0; padding:0; text-decoration:none;}
img a:hover {border:0; margin:0; padding:0; text-decoration:none;}

.thumb img {border:1px solid #a7bac5; padding:5px;}

.header {
     background-color:#FFF;
	 height:70px;
	 width:100%;
	 text-align:center;
}
.header1 {
     background-color:#FFF;
}
.header_bottom {
     height:3px;
	 border-bottom:3px solid #F1AA00;
}
.header_h1 {
     font:normal 17px "Trebuchet MS";
	 color:#E02924;
}
.lang_nav {
     list-style:none;
	 margin:0;
	 padding:0;
}

/* language navigation header */
#navcontainer ul {
     margin-left: 0; 
	 padding-left: 0; 
	 list-style-type: none;
     font:normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
     color: #000;
	 width:90%;
}
#navcontainer li { margin:7px 0 4px 0; text-align:left;}
#navcontainer a { display: block; border:1px solid #C5C7D1; padding:1px 0 1px 1px;}
#navcontainer a:link, #navlist a:visited { text-decoration: none; color: #000;}
#navcontainer a:visited { text-decoration: none; color: #000;}
#navcontainer a:active { text-decoration: none; color: #000;}
#navcontainer a:hover { border: 1px solid #000; text-decoration: none; color: #000;}
#navcontainer #navlist a:visited { text-decoration: none; padding: 3px; color: #000;}

/* end language navigation header */

.orangeline {
     width:100%;
	 height:8px;
	 background-image: url(img/orangeline.png);
}
.contshadow {
     width:958px;
	 background-image: url(img/bildschatten.png);
	 background-repeat:repeat-y;
	 margin:auto;
}
.maincontainer {
     width:950px;
	 height:100%;
	 background-color:#fff;
	 margin:auto;
}
.nav_menu {
     font-family: Arial, Helvetica, sans-serif;
}
.main_navigator {
     background-image:url(img/bg_mainnavigation.png);
	 background-repeat:no-repeat;
	 height:35px;
	 border:1px solid #CCCCCC;
}
.main_navigator #menu {
     font:bold 18px "Trebuchet MS";
	 color:#fff;
	 text-align:center;
}
.main_navigator #menuend {
     font:bold 18px "Trebuchet MS";
	 color:#fff;
	 text-align:center;
}
#menu a {
     display:block;
	 border-right:1px solid #fff;
	 height:25px;
	 text-decoration:none;
	 color:#fff;
	 padding-top:3px;
}
#menu a:link {text-decoration:none; color:#fff;}
#menu a:active {text-decoration:none; color:#fff;}
#menu a:visited {text-decoration:none; color:#fff;}
#menu a:hover {text-decoration: overline; color:#fff;}
#menuend a {
     display:block;
	 height:25px;
	 text-decoration:none;
	 color:#fff;
	 padding-top:8px;
}
#menuend a:link {text-decoration:none; color:#fff;}
#menuend a:active {text-decoration:none; color:#fff;}
#menuend a:visited {text-decoration:none; color:#fff;}
#menuend a:hover {text-decoration: overline; color:#fff;}
.spacebanner {
     background-image:url(img/bg_white_grey.png);
	 background-repeat:no-repeat;
	 height:0px;
}
.mainbanner {
	height:311px;
}
.secondnav {
     height:30px;
	 font:bold 14px "Trebuchet MS";
	 color:#000;
	 background-color:#FFE495;
	 text-align:center;
}
.secondnav a { text-decoration:none; color:#000;}
.secondnav a:link { text-decoration:none;}
.secondnav a:active { text-decoration:none;}
.secondnav a:visited { text-decoration:none;}
.secondnav a:hover { text-decoration:none; color:#ED1D24;}

.secondnav #nav {
     border-bottom:1px solid #F1AA00;
}
.secondnav #navactive {
     border-right:1px solid #F1AA00;
	 border-left:1px solid #F1AA00;
	 color: #ED1D24;
	 background:#fff;
}
.content { 
     margin:20px 15px 15px 20px;
	 font-family:"Trebuchet MS";
}
h1 {
     font:bold 20px "Trebuchet MS";
	 color:#E02924; /*#FE6017*/
	 margin-bottom:15px;
}
h2 {
     font:bold 16px "Trebuchet MS";
	 color: #000;
	 margin-bottom:10px;
}
h3 {
     font:bold 15px "Trebuchet MS";
	 color: #E02924;
	 margin-bottom:8px;
}
h4 {
     font:bold 15px "Trebuchet MS";
	 color: #0066FF;
	 margin-bottom:8px;
}
h5 a {font:bold 13px "Trebuchet MS"; color:#0066FF;}
h5 a:link {font:bold 13px "Trebuchet MS"; color:#0066FF;}
h5 a:visited {font:bold 13px "Trebuchet MS";color:#0066FF;}
h5 a:hover {font:bold 13px "Trebuchet MS";color:#0066FF;}

.text {
     font:normal 12px Geneva, Arial, Helvetica, sans-serif;
	 color:#000;
}
.smalltext {
     font:normal 11px Geneva, Arial, Helvetica, sans-serif;
	 color:#333;
}
.footer {
     height:32px;
	 background-color:#FCEBC5;
	 border-top:1px solid #F9B222;
	 border-bottom:1px solid #F9B222;
	 text-align:center;
	 font:normal 10px Arial, Helvetica, sans-serif;
	 color:#666666;
	 padding-top:4px;
}
#nunnauuni {
     height:115px;
	 width:290px;
	 border:1px solid #CCCCCC;
	 background-image: url(images/hestia_banner.jpg);
	 background-color: #F3F3F3;
	 background-position:right;
	 background-repeat:no-repeat;
	 margin:0 0 15px 0;
}
#tonwerk {
     height:115px;
	 width:290px;
	 border:1px solid #CCCCCC;
	 background-image: url(images/teye_banner.jpg);
	 background-position:right;
	 background-repeat:no-repeat;
	 background-color: #F3F3F3;
}  
#messina {
     height:115px;
	 width:290px;
	 border:1px solid #CCCCCC;
	 background-image: url(images/messina_banner.jpg);
	 background-position:right;
	 background-repeat:no-repeat;
	 background-color: #F3F3F3;
}      
.prod_nunnauuni {
     width: 90%;
	 border:1px solid #D0CFD5;
	 background-image:url(img/bg_prod_nunna.png);
	 padding:3px;
}
.prod_messina {
     width: 90%;
	 border:1px solid #D0CFD5;
	 background:#000000;
	 padding:3px;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#fff;
	 text-align:center;
}
.thirtnav {
     height:25px;
	 font:normal 13px "Trebuchet MS";
	 color:#000;
	 background-color: #CDE0FC/*#F7F7F9*/;
	 text-align:center;
}
.thirtnav a { text-decoration:none; color:#000;}
.thirtnav a:link { text-decoration:none;}
.thirtnav a:active { text-decoration:none;}
.thirtnav a:visited { text-decoration:none;}
.thirtnav a:hover { text-decoration:none; color:#0C4BAB; font-weight:bold;}

.thirtnav #nav {
     border-bottom:1px solid #E4E4E4;
}
.thirtnav #navactive {
     color: #E02924;
	 font-weight:bold;
	 border-bottom:1px solid #E4E4E4;
}
#formo .prod_nunnauuni {
     width: 90%;
	 border:1px solid #D0CFD5;
	 background-image:url(img/bg_prod_nunna.png);
	 padding:3px;
	 text-align:center;
	 font:bold 11px Arial, Helvetica, sans-serif;
	 color:#000;
}
#formo .tdsmaller {
     height:10px;
}
.p_image {
  padding-bottom:13px;
  padding-right:0px;
}
.leftimg {
      margin:5px 10px 5px 0;
}
.rightimg {
      margin:2px 0 2px 6px;
}
.formlabel {
      font:normal 12px Arial, Helvetica, sans-serif;
	  color: #666;
	  display:inline;
}
.formlabeltext {
      font:normal 11px Arial, Helvetica, sans-serif;
	  color: #666;
	  display:block;
	  width:80px;
	  margin-left:5px;
	  padding:0;
}
.forminput {
      font:normal 12px Arial, Helvetica, sans-serif;
	  color: #CC0000;
	  border:1px solid #999999;
	  background-color:#fff;
	  height:18px;
	  width:220px;
	  padding:1px;
	  margin:0 0 8px 5px;
}
legend {
      font:normal 12px Arial, Helvetica, sans-serif;
	  color: #FF6600;
}
fieldset {
      border:1px solid #CCCCCC;
	    
}
.floatright {
      width:300px;
	  float:right;
	  font:normal 10px Arial, Helvetica, sans-serif;
	  color:#333;
	  text-align:center;
}
.clearright {
      clear:right;
}
.textmap {
     font:normal 12px Arial, Helvetica, sans-serif;
	 color:#000;
}
.textmap a { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textmap a:link { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textmap a:active { font:normal 12px Arial, Helvetica, sans-serif; color:#0000FF; text-decoration:none;}
.textmap a:visited  { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textmap a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration: underline;}
.redtext { color:#FF0000;}
.txtpromo { font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; border:1px solid #FF6600; background-color: #F9EAD5; width: 550px; height: 25px; margin:2px; padding: 2px;}
.feldpromo {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color: #FF0000;
	border:1px solid black;
	width: 80%;
	padding:5px 0 5px 0;
}
.feldpromo a:link {color:#fff; text-decoration:underline;}
.feldpromo a:visited {color:#fff; text-decoration:underline;}
.feldcat { font:bold 14px Arial, Helvetica, sans-serif; color: #FF0000; height:25px; padding:3px;}
.feldcat a:link {color:#FF0000; text-decoration:none; width:280px; height:25px;}
.feldcat a:visited {color:#FF0000; text-decoration:none;}
.feldcat a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#FF0000;
	padding:3px;
}
#table_categorie_blue {
	background-color: #EBF1F5;
}

/****************************** styles for the dropdown-menü ***************************************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */


.menu {
width:950px; 
font-size:0.85em;
padding-bottom:25px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:158px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:158px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:13px;
text-decoration:none; 
color:#fff;
font-weight:bold; 
width:147px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
/*background:#5C5C5C;*/
background-image:url(img/bg_mainnavigation.png);
background-repeat:no-repeat; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:158px;
w\idth:147px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#FFD942;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#9C948B;
}
.menu ul ul :hover > a.drop {
background:#9C948B;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#CDE0FC;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#9C948B;
}
.menu ul ul ul :hover > a {
background:#9C948B;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:158px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}
 
/* position the third level flyout menu */
.menu ul ul ul{
left:158px; 
top:0;
width:158px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-158px;
}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
font-size:11px;
background:#FFE271;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:137px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:158px;
w\idth:137px;
}
 
 
/* style the top level hover */
.menu a:hover {
color:#fff; 
background:#FBBC00;
}
.menu :hover > a {
color:#fff;
background:#FBBC00;
}
.menu ul ul a:hover{
color:#fff; 
background:#9C948B;
}
.menu ul ul :hover > a {
color:#fff;
background:#9C948B;
}



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* ----------------------------- javascript image fade banner ------------- */
#imageContainer1 {
	position:relative;
	margin:0;
	padding:0;
	width:950px;
	height:310px;
	border:0;
}
#imageContainer1 img {
	display:none;
	position:absolute;
	top:0; left:0;
	padding:0;
	margin:0;
}
/* ----------------------------- javascript image fade banner ENDE ------------- */