/***********************************************/
/* HTML Style Tags                             */
/***********************************************/ 

body, html{
	font-family: Arial,sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-image: url(material/hg_all.jpg);
	font-size: 11px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: none;
}

h1{
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/*label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}*/
.details{
clear:both;
}



/***********************************************/
/* Layout Divs  - alle Rahmen                               */
/***********************************************/
#content {
	position: relative;
	width: 839px;
	overflow: hidden;
	height:100%;
	margin-left: auto;
	margin-right: auto;
}

#masthead{
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #cccccc;*/
	width: 100%;
}

#ueberschrift{
	margin-left: 10px;
	padding-top: 5px;
	float: left;
	display:block;
}

#navBar{
	float: left;
	width: 166px;
	height:400px;
	margin: 0px 0px 0px 1px;
	/*border-bottom: 1px solid #cccccc;*/
	/*background-color: #DEE8F2;*/
  	background-image: url(material/nav_bg2.png);
  	background-repeat:repeat-y;
  /*background: expression("none");*/
/*  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='image',src="material/nav_bg.png");*/
  	font-size: 14px;
}
/* #navBarUnten {
	float:left;
	width:166px;
	height:200px;
	margin: 0px 0px -50px 1px;
	background-image: url(material/nav_bg.png);
  	background-repeat:repeat-y;
	}*/ 


/* Anzeige des Inhaltes*/
#inhalt{
	float: left;
  	width: 484px;
  	margin-top: 6px;
	padding: 10px 10px 0 10px;
	/*border-left: 1px solid #cccccc;*/
	background-image:url(material/inhalt_bg.png);
	background-repeat: no-repeat;
	min-height:100%;
/*background: expression("none");
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=material/inhalt_bg.png);*/
}

#inhalt p{
	font-size: 11px;
	font-style: normal;
}
#inhalt a:hover, #inhalt a:active{
	color: #CC6600;
}
#inhalt ul {
	list-style: none;
	list-style-image:url(/material/icon_liste.gif);
	margin: 20px 0px 20px 30px;
	border: 0px solid #ff0000; 
}
#inhalt li{
	list-style: none;
	font-size: 11px;
	border: 0px solid #ffffff; 
}
#inhalt hr {
	background-color: #b6dAF7;
	background-position: left;
	height: 1px;
}
#inhalt select {
	margin-left: 30px;
	font-size: 11px;
}

#fuss {
	background-image:url(material/streifen_unten.gif);
	width: 839px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
}
/*********** #navBar Link Styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block; border:0;
}
#navBar a.cma_tree_n_selected {
	color: #FF9900;
}
#navBar img {
	vertical-align: middle;
	margin-right:3px;
	border: 0px solid #ffffff; 
}
#navBar a:hover {
	border:0px;
	vertical-align: middle;
	margin-right:3px;
	color:#FF9900;
}

#navBar ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #EEE;
	}

/* fix for browsers that don't need the hack */

* html #navBar li {
	border-bottom: 0px;
}

#navBar ul.css_baum{
margin-top: 40px;
}

input.suchen {
	display: Block;
	white-space:normal;
 	background-image: url(material/icon_suche.gif);
 	background-repeat: no-repeat;
 	background-position:left;
	 background-color:#DEE8F2;
 	border-bottom: solid 1px #cccccc;
 	padding-left: 15px;
 	color:#333333;
	font-size:11px;

}
.suchen a:hover{
 color:#FF9900;
}

.cma_navi_pfad img{
	border: 0px solid #ffffff;
} 
/*********** #sectionLinks MENUE Links Styles ***********/

#sectionLinks{
	font-size: 90%;
	margin-top: 30px;
	margin-left: 5px;
	/*height:400px;*/
}
#sectionLinks a {
	display: block;
	border:0px;
	margin: 2px 0px 0px 28px;
	border: 0px solid #ffffff; 
}
/*geändert HM 11.12. */
#artnav1 ul {
	margin-left: 0px;
	/* für IE : margin-left: 0px;*/
}
#artnav li {
	margin-left: -30px;
	/* für IE: margin-left: 0px;*/
}


#sectionLinks a.menue1 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_home.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
}

#sectionLinks a.menue1:active, #sectionLinks a.menue1:hover, #sectionLinks a.menue1:focus{
 	background-image: url(material/icon_home_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}
#sectionLinks a.menue2 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_guided.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue2:active, #sectionLinks a.menue2:hover, #sectionLinks a.menue2:focus{
 	background-image: url(material/icon_guided_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}
#sectionLinks a.menue3 {
	display: Block;
 	white-space: Nowrap;
	/* background-image: url(material/icon_referenzen.gif);
	 background-repeat: no-repeat;
 	background-position: center left;*/
	 border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue3:active, #sectionLinks a.menue3:hover, #sectionLinks a.menue3:focus{
 	background-image: url(material/icon_referenzen_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}

#sectionLinks a.menue4 {
	display: Block;
	 white-space: Nowrap;
 	background-image: url(material/icon_news.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue4:active, #sectionLinks a.menue4:hover, #sectionLinks a.menue4:focus{
 	background-image: url(material/icon_news_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}
#sectionLinks a.menue5 {
	display: Block;
 	white-space: Nowrap;
	background-image: url(material/icon_preise.gif);
	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;
}
#sectionLinks a.menue5:active, #sectionLinks a.menue5:hover, #sectionLinks a.menue5:focus{
 	background-image: url(material/icon_preise_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}

#sectionLinks a.untermenue {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_unterpunkt.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;
 	margin-left: 35px;
 	font-size:11px;
}

#sectionLinks a.untermenue:active, #sectionLinks a.untermenue:hover, #sectionLinks a.untermenue:focus{
 	background-image: url(material/icon_unterpunkt_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}

#sectionLinks a.menue6 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_distributoren.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue6:active, #sectionLinks a.menue6:hover, #sectionLinks a.menue6:focus{
 	background-image: url(material/icon_distributoren_l.gif);
	 background-repeat: no-repeat;
 	background-position: center left;
}
#sectionLinks a.menue7 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_kontakt.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue7:active, #sectionLinks a.menue7:hover, #sectionLinks a.menue7:focus{
 	background-image: url(material/icon_kontakt_l.gif);
 	background-repeat: no-repeat;
	 background-position: center left;
}
#sectionLinks a.menue8 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_agb.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
 	border-bottom: solid 1px #cccccc;

}

#sectionLinks a.menue8:active, #sectionLinks a.menue8:hover, #sectionLinks a.menue8:focus{
 	background-image: url(material/icon_agb_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}
#sectionLinks a.menue9 {
	display: Block;
 	white-space: Nowrap;
 	background-image: url(material/icon_impressum.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
	 border-bottom: solid 1px #cccccc;
}

#sectionLinks a.menue9:active, #sectionLinks a.menue9:hover, #sectionLinks a.menue9:focus{
 	background-image: url(material/icon_impressum_l.gif);
 	background-repeat: no-repeat;
 	background-position: center left;
}
/************* #siteInfo (unten) Styles ***************/

#siteInfo{
	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin:20px 0px 0px 0px;
}

#siteInfo img{
	vertical-align: top;
	border: 0px solid #ffffff; 
}

/************** .feature Styles - innerhalb von INHALT***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

h3.feature {
	padding: 0px 0px 5px 0px;
	text-align: left;
}

img.feature {
	float: left;
	padding: 25px 10px 0px 0px;
	border: 0px solid #ffffff; 
}
p.feature{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

/************** #headlines Styles NEWS Rechts**************/
#headlines{
	margin-top: 30px;
	padding: 5px 0px 0px 0px;
	width:167px;
	float:right;
	width: 160px;
	/*border-bottom: 1px solid #cccccc;*/
	/*border-left: 1px solid #cccccc;*/
	/*border-top: 1px solid #cccccc;*/
background-image:url(material/headlines_bg.png);
	background-repeat: no-repeat;
	/*background: expression("none");
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod="scale", src="material/headlines_bg.png");*/
	font-size: 12px;
	font-weight: normal;
	height: 350px;
}
#headlines h1{
 	font-size: 120%;
 	color: #334d55;
 	margin-left: 10px;
	 padding-top: 5px;
}
#headlines a {
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#D5813A;
}
#headlines p{
	padding: 10px 0px 0px 0px;
}
#headlines a:hover, #headlines a:active{
	color: #CC6600;
}

#headlines ul {
	list-style-type: none;
	list-style-image:none;
	margin: 8px 0px 0px 8px;
	padding:  4px 0px 0px 0px;
	line-height: 15px;
	border: 0px solid #ffffff; 
}
#headlines li{
	border: 0px solid #ffffff; 
	list-style-type: none;
	list-style-image:none;
	margin: 8px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin-left: 30px;
}
/************** IE Anpassung **************/

* html #navBar{
	width: 146px;
	margin-left: 0px;
} 

* html #siteInfo{
	margin-top: -11px;
	margin-left:5px;
}

* html #sectionLinks{
	margin-left: -5px;
}

* html #navBar, * html #sectionLinks {
	height: 1px;
}
* html #artnav {
	margin-left: 0px;
	border: 0px solid #ff0000;
}
#artnav {
	margin-left: -20px;
	border: 0px solid #ff0000;
}