/* 
    Document   : inett.css
    Created on : 04.10.2010, 20:17:33
    Author     : cbaus
    Description:
        Purpose of the stylesheet follows.
		
	edited by	: pkhouri
	date		: 01.01.2011
*/

body {
  background-color: #f0f0f0;
}


div{
}


div.container{

}


/* ------------------------------ Menüleiste --------------------*/
div#banner{
	position:         	relative;
}

div#head{
	z-index:        	10;
	min-height:     	83px;
	height:				92px;
	position:      	 	absolute;
	/*background-color: 	white;*/
	background-image:   url('../images/icons/menu_bg.png');
	/*opacity:          	0.7;
	filter:           	alpha(opacity=70);*/

}
  
div#logo{
	position:  		absolute;
	z-index:        	51;
	float:          	left;
	min-height:     	83px;
	min-width:      	150px;
}

div#menu{
	position:         	absolute;
	z-index:          	50;
}

div#menu_unternehmen_panel{
	position:         	absolute;
	top:              	3px;
	left:             	70px;
	/*width:              295px;
	height:             234px;*/
	margin:           	50px 0 0 80px;
	padding-top: 		5px;
	z-index:            	999;
}
div#menu_produkte_panel{
	position:         	absolute;
	top:              	3px;
	left:             	210px;
	/*width:            	295px;
	height:           	237px;*/
	margin:           	50px 0 0 80px;
	padding-top: 		5px;
	z-index:            	999;
}
div#menu_services_panel{
	position:         	absolute;
	top:              	3px;
	left:             	330px;
	/*width:            	295px;
	height:             234px;*/
	margin:           	50px 0 0 80px;
	padding-top: 		5px;
	z-index:            	999;
}

div#menu_support_panel{
	position:         	absolute;
	top:              	3px;
	left:             	444px;
	/*width:              295px;
	height:           	234px;*/
	margin:           	50px 0 0 80px;
	padding-top: 5px;
	z-index:            	999;
}

div.menu_pfeil{
	background-image:   url('../images/icons/menu_panel_pfeil.gif');
	background-repeat:  no-repeat;
	z-index:            	999;
	width:              52px;
	height:             38px;
	margin-top:			-40px;
	margin-left:		46px;
	position:         	relative;
	/*behavior: 			url(assets/css/iepngfix.htc); /* IE6 fix um png anzuzeigen
	top:				-45px;*/
}

div.menu_box, ul.menu_box{
	background-image: 	url("../images/icons/menu_panel2.png");
	background-repeat:  no-repeat;
	z-index:            	999;
	width:              245px;
	height:             184px;
	position:           relative;
	left:               25px;
	margin-top:-18px;
	/*behavior: 			url(assets/css/iepngfix.htc); /* IE6 fix um png anzuzeigen*/
	padding:            25px;

  }
.menu_box_top{
/*background-image: url("../images/icons/menu_panel_pfeil2.png");
background-repeat:no-repeat;
*/
height:20px;
margin-left:50px;
} 
div.menu_box2, ul.menu_box2  {
behavior: url("/border-radius.htc");
 z-index:            29;
	position:           relative;
	left:               25px;
	/*behavior: 			url(assets/css/iepngfix.htc); /* IE6 fix um png anzuzeigen*/
	padding:            25px;
float:left;
 max-width: 260px;
background-image: linear-gradient(bottom, #FF0900 28%, #FF7300 82%);
background-image: -o-linear-gradient(bottom, #FF0900 28%, #FF7300 82%);
background-image:  -moz-linear-gradient(bottom, #FF0900 28%, #FF7300 82%);
background-image: -webkit-linear-gradient(bottom, #FF0900 28%, #FF7300 82%);
background-image: -ms-linear-gradient(bottom, #FF0900 28%, #FF7300 82%); /*IE10*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF7300', endColorstr='#FF0900');/*For IE7-8-9
    
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28, #FF0900),color-stop(0.82, #FF7300));*/
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF7300, endColorstr=#FF0900)";   
 background-color: #FF7300;


-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

 }
div.menu_box p,div.menu_box2 p{
	/* wie weit stehen die einzelnen menuepunkte im hauptmenue auseinander? */
	line-height: 		1.5;
	margin-bottom:		0.7em;
}

div.menu_box_left{
	float:				left;
	height:             175px;
	width:              160px;
	border-right:       thin dotted;
	border-color:       #666666;
	padding:            5px 0px 0px 0px;
	margin:		20px 0 0 20px;
}
.menu_box .right_box,.menu_box2 .right_box
{
	float:				right;
	z-index:			29;
	width:				110px;

}
.menu_box .left_box,.menu_box2 .left_box
{
	float:				left;
	margin:				0 0 0 0;
	z-index:			29;
	width:				130px;
}
.menu_box2 .clear_both
{
	clear:both;
	margin:				0 0 0 0;
	z-index:			29;
	width:				130px;
}

div.menu_box_right{
	float:              left;
	height:             185px;
	width:              130px;
	padding:            5px 10px 10px 10px;
}  

div.menu_spacer{
	background-image: 	url("../images/icons/menu_point.jpg");
	background-repeat: 	no-repeat;
	height: 			15px;
	width:  			15px;
	margin:           	40px 5px 0px 12px;
}
div.hidden{
	display:			none;
}

.menuEntry{
	float:            	left;
	margin:           	30px 10px 10px 10px;
	height:				50px;
}
/*
#menu div div{
display:none;
}
*/
.menu_box div div,.menu_box2 div div{
padding-left:15px;
}
/*--------------------- Suche ----------------------------*/
div#search_panel{
	padding: 			27px 0 0 0;
}

div#search_input_box{
	/*padding:          27px 0px 10px 0px;
	margin:				26px 0 0 0;*/
}

.search_input{
	width:            	100px;
	padding:          	2px 2px 2px 2px;
	-moz-border-radius:	10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
 }

.search_input:focus, textarea:focus, select:focus{
    border-color:       #0099ff;
} 


#search_submit_box{
	padding:			7px 0 0 0;
}
.search_submit{
  
 
}

/*-------------------------- Teaser ------------------------------------------*/
#teaser{
	position:		absolute;
	 z-index:        	-2;
}


/*-------------------------- Content ------------------------------------------*/
div#content{
	background:       	#ffffff; /* for non-css3 browsers */
	background: 		#eeeeee url("../images/icons/gradient-bg.png") repeat-x top; /* for opera 9.5+*/
	-o-background-size: 100% 100%; /* for opera 9.5+*/
	filter:           	progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
	background:       	-moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */
	background:       	-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
	padding:          	10px 0px 10px 0px;
  z-index:        	1;
}

div#big_content{
	padding:          	30px 0px 0px 0px;
}

/*-------------------------- Footer ------------------------------------------*/
div#footer{
	background-color: 	#e64215;
}




/*------------------------ Diverses ---------------------------*/
.box{
  /* uebernommen aus class .box von blueprint, nur ohne hintergrund */
/*	padding:			1.5em; */
	margin-bottom:		0;
	background: 		transparent;
}

.box4{
/* wie box, aber beidseitig 1.5em fuer 4 col layouts */
	padding: 			1.5em;
}

.box_left, .box_middle{
	border-right:      	thin solid;
	border-color:       #666666;
}

/*
div#content_text{
  padding:      10px 100px 10px 300px;
}
*/

.gradient{

}

.footer_text{
	float:    			left;
	padding:  			10px 10px 10px 10px;
}

div#menu_helper{
	position:     		absolute;
	top:          		0px;
	left:         		0px;
	height:       		300px;
	background-color: 	transparent;
	z-index: 			40;
}

div.artikel{
	padding:      		20px 0px 20px 0px;
}

input.contact{
	font-weight:       	600;
	height:            	18px;
	width:              370px;
	line-height:       	20px;
	font-size:        	14px;
	font-weight:       	300;
	padding:          	5px 10px;
}

textarea.contact{
	width:            	370px;
	font-weight:      	600;
	line-height:      	20px;
	font-size:         	14px;
	font-weight:      	300;
	padding:           	3px 10px;
}


#tvheadline1,#tvheadline2,#tvheadline3,#tvheadline4{
	padding:1.5em;
}


.justify {
	text-align: 		justify;
}
tbody tr:nth-child(even) td, tbody tr.even td{
/*background-color:transparent;*/
	background-color: #dddddd;
}

/*------------------------- Breadcrumb --------------------------------------------------*/
.B_crumbBox{
	margin-top:	1.5em;
	margin-bottom:	1.5em;
	line-height:	1.5em;
}

#kontaktformular input{
margin:0;
}
#kontaktformular textarea{
margin:0;
padding:0;
}
.kontakt_titel{
float:left;
width:100px;
margin-bottom:15px;
}
.kontakt_feld{
float:left;
width:800px;
margin-bottom:15px;
}
.kontakt_absenden{
width:600px;
text-align:center;
}

.kontakt_input{
margin:0;
width:320px;
}
.kontakt_button{
border: 1px solid #333333;
background-color: #ffffff;
padding:0;
	margin:0;
	width:100px;
}