@charset "utf-8";
/* CSS Document for Karl-Maier.de

Colors:

dark grey: #646464

dark red: #83000f
light red: #c60017

*/

@import url("reset.css");


body{
	background-color: #646464;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.outerwrapper{
	width: 974px;
	margin: 0 auto;
	background: transparent url("../entwurf/images/layout/main-shadow.jpg") repeat-y center top;
}

.innerwrapper{
	width: 951px;
	margin: 0 auto;
}

.header{
	height: 100px;
	background: transparent url("../entwurf/images/layout/header.jpg") no-repeat center top;
	margin-top: 0;
	border: 1px solid #333333;
}

.menucontainer{
	height: 26px;
	margin-top: 100px;
	text-align: center;
	background: transparent url("../entwurf/images/layout/menu-bg.jpg") repeat-x center bottom;

}

#contentIndex{
	background: transparent url("../entwurf/images/layout/index-bg.jpg") no-repeat center top;
	height: 355px;
	padding: 130px 400px 0 57px;
}
.content{
	background: #83000f url("../entwurf/images/layout/normal-bg.jpg") repeat-x center top;
	margin-top: 26px;
	padding: 20px 20px 5px 20px;
}
/* IE 6 Hack */
* html .content{ margin-top: 0; }

.footer{
	background: transparent url("../entwurf/images/layout/index-footer.jpg") no-repeat center top;
	height: 30px;
}

.newsframe{

}

.picright{
	float: right;
	padding: 20px 0 20px 20px;
}
.txtleft{
	float: left;
	width: 450px;
}


/* ###################################
		      TEXT Styling
   ################################### */

h2, h1{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

a:link, a:visited {
	color:#CCCCCC;
	text-decoration: none;
}
a:hover{text-decoration: underline;}

.content ul {
	margin: 5px 0 5px 0;
	list-style-type: circle;
	list-style-position:inside;
}
.content ul li{
	padding: 3px 0 3px 0;
}

em, i{
 font-style:italic;
}

strong, b {
font-weight: bold;
}

.content {
	font-size: 13px;
	line-height: normal;
	display:block;
}

.clearfloat{
	clear:both;
}

.techdetails {
	width: 400px;
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid #fff;
		
}

.techdetails td{
	border: 1px solid #fff;
	padding: 3px;
	border-collapse: collapse;
}


/* ###################################
		      MENU Styling
   ################################### */




.menuitem a:link, .menuitem a:visited, .activemenuitem a:link, .activemenuitem a:visited{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

span.menuitem{
	height: 26px;
	line-height: 26px;	
	text-align: center;
}

span.menuitem :link, span.menuitem :visited{
	/*height: 26px; */
	padding: 11px 15px 5px 15px;
}

span.activemenuitem :link, span.activemenuitem :visited{
	height: 26px;
}

span.menuitem a:hover{
	background: transparent url("../entwurf/images/layout/menu-bg-high.jpg") repeat-x center bottom ; 
	height: 26px;
	line-height: 26px;
	/*padding: 11px 15px 5px 15px;*/
}


span.activemenuitem{
	background: transparent url("../entwurf/images/layout/menu-bg-high.jpg") repeat-x center bottom ; 	
	height: 26px;
	line-height: 26px;
	padding: 11px 15px 5px 15px;
}





.submenu{
	background: #575757 url("../entwurf/images/layout/submenu-bg.jpg") repeat-x center bottom;
	/*padding: 5px 10px 2px 10px;*/
	line-height: 11px;
	height: 11px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	}
	
ul.submenu {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	list-style-position: outside;
}	

.submenuitem {
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #FFFFFF;
	height: 17px;
	line-height: 16px;
	display: block;
	text-align: center;
	list-style-type: none;
	margin: 0;
	list-style-position: outside;

}	

span.menuitem .submenuitem :hover, span.activemenuitem .submenuitem :hover{

	background-color: #999999;
	background-image: none;
	margin: 0;
	list-style-position: outside;


}

.submenuitem:hover{
	background-color: #999;
	margin: 0;
	list-style-position: outside;
	text-align: center;
	
	
}

span.menuitem .submenuitem a:hover, span.activemenuitem .submenuitem a:hover, span.menuitem .submenuitem a:link, span.activemenuitem .submenuitem a:link, span.menuitem .submenuitem a:visited, span.activemenuitem .submenuitem a:visited{
	/*padding: 0 3px 3px 3px;*/
	padding: 0 3px 0 3px;
	height: 17px;
	line-height: 16px;
	display: block;
	text-align: center;
	list-style-type: none;
	margin: 0;
	list-style-position: outside;

}


#submenuactive{
	background-color: #999999;
	text-align: center;
	list-style-type: none;
	margin: 0;
	list-style-position: outside;
}

#SubMenu1{
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 381px;
	width: 115px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;

}


#SubMenu1active{
	display: block;
	position: absolute;
	top: 0px;
	margin-left: 381px;
	width: 115px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;

}

#SubMenu2{
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 153px;
	width: 103px;
	height: 46px;
	margin-top: 55px;
	overflow: hidden;
	list-style-position: outside;

}

#SubMenu2active{
	display: block;
	position: absolute;
	top: 0px;
	margin-left: 153px;
	width: 103px;
	height: 46px;
	margin-top: 55px;
	overflow: hidden;
	list-style-position: outside;

}

#SubMenu3{
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 475px;
	width: 133px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;
}

#SubMenu3active{
	display: block;
	position: absolute;
	top: 0px;
	margin-left: 475px;
	width: 133px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;
}

#SubMenu4{
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 254px;
	width: 135px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;
}

#SubMenu4active{
	display: block;
	position: absolute;
	top: 0px;
	margin-left: 254px;
	width: 135px;
	height: 94px;
	margin-top: 8px;
	overflow: hidden;
	list-style-position: outside;
}

/* IE Hacks */
*html #SubMenu1{ margin-left: 0px; }
*html #SubMenu1active{ margin-left: -15px; }

*+html #SubMenu1{  margin-left: 0; }
*+html #SubMenu1active{ margin-left: -15px; }

/* IE Hacks */
*html #SubMenu2{ margin-left: 0px; }
*html #SubMenu2active{ margin-left: -15px;}

*+html #SubMenu2{ margin-left: 0px; }
*+html #SubMenu2active{ margin-left: -15px;}


/* IE Hacks */
*html #SubMenu3{ margin-left: -25px; }
*html #SubMenu3active{ margin-left: -40px;}

*+html #SubMenu3{ margin-left: -25px; }
*+html #SubMenu3active{ margin-left: -40px;}

/* IE Hacks */
*html #SubMenu4{ margin-left: -10px; }
*html #SubMenu4active{ margin-left: -25px;}

*+html #SubMenu4{ margin-left: -10px; }
*+html #SubMenu4active{ margin-left: -25px;}