/*
----------------------------------------
CSS Document 
www.inexweb.de - 08.01.2007 - Version 1.0

Text:					#333
Hintergrund: 			#FFF
Link normal:			#333
Link hover:				#B30F12
----------------------------------------
*/

/*   H T M L - E L E M E N T E  
---------------------------------------------------------- */

html, body{
/*   erzwungender Scrollbalken im FF, verhindert das Springen der Seite  */
height: 100.01%;
}

body{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 0.625em;
line-height:1.5em;
color: #333;
background: #FFF url(../img/bg_home.gif) repeat-x left top;
margin: 0px;
padding: 0px;
}

.folgeseite{background:#FFF  url(../img/bg_folgeseite.gif) repeat-x left top !important;}

.folgeseitesubnavi{background:#FFF  url(../img/bg_folgeseitesubnavi.gif) repeat-x left top !important;}

h1{
font-size:1.8em;
padding:0px;
margin:0 0 0.6em 0;
color:#B30F12;
line-height:1.4em;
}

#footer h1{
font-size:1.6em;
padding: 9px 10px 9px 30px;
margin: 0 0 0.5em 0;
color:#FFF;
}

#footer h1.h1kontakt{background: url(../img/h1_kontakt.gif) no-repeat 0px 50%;}
#footer h1.h1schnellzugriff{background: url(../img/h1_schnellzugriff.gif) no-repeat 0px 50%;}
#footer h1.h1news{background: url(../img/h1_news.gif) no-repeat 0px 50%;}

h2{font-size:1.4em;
padding:0px;
margin:0 0 0.5em 0;
}

h3{
font-size:1.2em;
text-transform:uppercase;
padding:0px;
margin:0.5em 0 0.4em 0;
color:#333;
line-height:1.4em;
}

h4 {font-size:1.1em;
padding:0px;
margin:0 0 0.5em 0;
color:#666;
line-height:1.4em;}

h5{
color:#333;
font-size:1.0em;
padding:10px 0 5px 0;
margin:0 15px 0.5em 15px;
border-bottom: 1px solid #B6B6B6;
line-height:1.4em;}

p{
padding:0;
margin-top: 0em;
margin-bottom: 0.5em;
line-height:1.6em
}

.sp01 p, #contentcontainer div.clearfix p {margin-bottom: 1.5em}
.sp02 p {margin-bottom: 1.5em; font-size:0.9em}

#footer .sp01 p,  #footer .sp02 p{margin-bottom: 0.5em}

hr{
border: 1px solid #ACACAC;
height:1px;
}

form{
margin: 0px;
padding: 0px;
}

acronym, abbr{
border-bottom: none;
cursor: help;
background:  url(../img/bg_acronym.gif) repeat-x left bottom;
}

ul{
margin: 0.5em 17px;
padding: 0px;
list-style-type:square;
}

.sp01 ul li, #contentcontainer div.clearfix ul li {padding-bottom: 0.5em}
.sp01 ul, #contentcontainer div.clearfix ul {margin-bottom: 1em}

ol{
margin: 0.5em 27px;
padding: 0px;
}

li{
margin: 0px;
padding: 0px;
}

input, select, textarea {
font-size:1em;
color:#333333;
font-family: Arial, Verdana, sans-serif;
border: 1px solid #666; 
padding:2px; 
}

input:focus, select:focus, textarea:focus {
border: 1px solid #999; 
color: #333
}

table{font-size: 1em;} /* IE 5*/


/* L I N K S
---------------------------------------------------------- */

a{
color: #B30F12;
}

a:hover{
color: #333;
}


#footercontainer a{
color: #CCC;
}

#footercontainer a:hover{
color: #FFF;
}

a.linkicon{
background: url(../img/i_linkicon_a.gif) no-repeat 0% 55%;
padding:3px 0px 2px 15px;
margin-left:3px;
}

a.linkicon:hover{
background: url(../img/i_linkicon.gif) no-repeat 0% 55%;
padding:3px 0px 2px 15px;
margin-left:3px;
}

/* M E T A N A V I G A T I O N
---------------------------------------------------------- */
#metanavigation ul{
margin: 0px;
padding: 0px;
display:inline;
float: right;
}

#metanavigation li{
float: left;
margin: 0px;
padding:0px;
list-style: none;
}

#metanavigation a:link, #metanavigation  a:visited  {
color: #444;
text-decoration:none;
padding:4px 10px;
font-size:0.9em;
border-right: 1px solid #666;
display:block
}

#metanavigation  a:hover, #metanavigation a:active {
color: #666;
text-decoration:none;
padding:4px 10px;
font-size:0.9em;
border-right: 1px solid #666;
display:block;
}

#metanavigation li.aktiv a{
color: #444; !important;
font-weight: bold;
}

/* N A V I G A T I O N
---------------------------------------------------------- */
#navigation ul{
margin: 0px;
padding: 0 5px 0 0;
background:#B30F12 url(../img/bg_navi_re.gif) no-repeat right top;
display:inline;
float:left;
}

#navigation li{
float: left;
margin: 0px;
padding:0px;
list-style: none;
background: url(../img/bg_navi_trennlinie.gif) repeat-y right top;
}

#navigation a:link, #navigation  a:visited  {
color: #FFF;
text-decoration:none;
padding:66px 17px 10px 17px;
margin-right:2px;
display:block;
white-space:nowrap;
border-bottom: 1px solid #940808;
}

#navigation  a:hover, #navigation a:active {
color: #FFF;
text-decoration:none;
padding:66px 17px 10px 17px;
display:block;
white-space:nowrap;
border-bottom: 1px solid #940808;
}

#navigation li.aktiv a{
color: #FFF !important;
}

a.navi_inexweb:link, a.navi_inexweb:visited {background: url(../img/bg_navi_inexweb.gif) no-repeat center top;}
a.navi_inexweb:active, a.navi_inexweb:hover {background: url(../img/bg_navi_inexweb_a.gif) no-repeat center top;}
li.aktiv a.navi_inexweb {background: url(../img/bg_navi_inexweb_a.gif) no-repeat center top !important;}


a.navi_produkte:link, a.navi_produkte:visited{background: url(../img/bg_navi_produkte.gif) no-repeat center top;}
a.navi_produkte:active, a.navi_produkte:hover {background: url(../img/bg_navi_produkte_a.gif) no-repeat center top;}
li.aktiv a.navi_produkte {background: url(../img/bg_navi_produkte_a.gif) no-repeat center top !important;}

a.navi_loesungen:link, a.navi_loesungen:visited {background: url(../img/bg_navi_loesungen.gif) no-repeat center top;}
a.navi_loesungen:active, a.navi_loesungen:hover {background: url(../img/bg_navi_loesungen_a.gif) no-repeat center top;}
li.aktiv a.navi_loesungen {background: url(../img/bg_navi_loesungen_a.gif) no-repeat center top !important;}

a.navi_referenzen:link, a.navi_referenzen:visited {background: url(../img/bg_navi_referenzen.gif) no-repeat center top;}
a.navi_referenzen:active, a.navi_referenzen:hover {background: url(../img/bg_navi_referenzen_a.gif) no-repeat center top;}
li.aktiv a.navi_referenzen {background: url(../img/bg_navi_referenzen_a.gif) no-repeat center top !important;}

a.navi_karriere:link, a.navi_karriere:visited {background: url(../img/bg_navi_karriere.gif) no-repeat center top;}
a.navi_karriere:active, a.navi_karriere:hover {background: url(../img/bg_navi_karriere_a.gif) no-repeat center top;}
li.aktiv a.navi_karriere {background: url(../img/bg_navi_karriere_a.gif) no-repeat center top !important;}


/* Subnavigation Vertikal */

ul.subnaviv{
margin: 0 0 25px 0;
padding:0px!important;
font-size:1.4em !important;
}

ul.subnaviv li{
margin:0px!important;
padding:0px!important;
list-style: none;
}

ul.subnaviv li a:link, ul.subnaviv li a:visited {
margin:0px;
padding:10px 15px 10px 17px;
background: url(../img/i_linkicon.gif) no-repeat 0% 50%;
border-bottom:1px solid #CCC;
text-decoration: none;
display:block;
color: #333 !important;
}

ul.subnaviv li a:hover, ul.subnaviv li a:active {
background: url(../img/i_linkicon_a.gif) no-repeat 0% 50%;
color: #B30F12 !important;
}

ul.subnaviv li.aktiv{
font-weight: bold;
color: #B30F12 !important;
}



/* S E I T E N S T R U K T U R
---------------------------------------------------------- */
#wrap {
margin:auto;
text-align:left;
padding:0px;
width:900px;
font-size:1.2em;
}

#header{
/*background:  url(../img/bg_header.gif) repeat-x left top;*/
height: 106px;
}

#navigation{
background: url(../img/bg_navi_li.gif) no-repeat left top;
margin-top: 14px;
padding-left:7px;
display:inline;
float:left;
}

#metacontainer{
margin-top: 15px;
float:right;
width:300px;}

#suche{
float:right;
padding: 6px 10px;
margin-top: 15px; 
background: #6B6B6B url(../img/bg_suche.gif) no-repeat left top;
font-size:0.9em;
height: 34px; /* IE 5 Hack */
width:269px; /* IE 5 Hack */
voice-family: "\"}\""; 
voice-family:inherit;
height: 22px;
width: 249px;
}

#logo{
margin-left:4px; /* Angleichung Abstand Navigation*/
min-height: 1px; /* IE7 fix .clearfix */
/*background: url(../img/bg_logo.gif) repeat-x left top;*/
}

.keyvisual{
float: right;
width:400px;
text-align: right;
}

#contentcontainer{
margin: 35px 0 25px 0;
margin-left:4px; /* Angleichung Abstand Navigation*/
min-height: 250px; /* IE7 fix .clearfix */
}

.spaltencontainer{
background: url(../img/bg_main_spalte.gif) repeat-y right top;
min-height: 1px; /* IE7 fix .clearfix */
}

/* Spalten */

.sp01{ /* Hauptspalte */
float: left; 
width: 594px;
margin:0 0 10px 0;
}

.sp02{ /* Teaserspalte */
float: right;
width: 253px;
margin:0 0 10px 0
}

#footer .sp01{ /* Hauptspalte Footer*/
float: left; 
width: 594px;
padding:15px 0 10px 0;
}

#footer .sp02{ /* Teaserspalte Footer */
float: left;
width: 230px;
padding:15px 0 10px 0;
margin-left:51px;
}

.sp01 .sp0101{
float: left;
width: 110px;
}

.sp01 .sp0102{
float: left;
color:#333;
padding:15px;
background: #C3C3C3 url(../img/bg_infodiv.gif) no-repeat left top;
width: 484px; /* IE 5 Hack */
height:296px; /* IE 5 Hack */
voice-family: "\"}\""; 
voice-family:inherit;
width: 454px; 
height:266px; 
}

.infodiv01{
background: #C3C3C3 url(../img/bg_infodiv_01.gif) no-repeat left top !important; /* Extra BG für sp0102 bei aktivem ersten Info-Menüpunkt */
}

/* Footer */

#footercontainer{
padding-top: 20px;
background-color:#343434;
border-top: 6px solid #1D1D1D;
color: #FFF;
}

#footer{
background: url(../img/bg_footer_spalte.jpg) repeat-y right top;
margin:auto;
margin-bottom: 20px;
text-align:left;
padding:0px;
padding-left:4px; /* Angleichung Abstand Navigation*/
width:900px;
font-size:1.1em;
color:#CCC;
}

#impressum{
clear:both; 
background-color: #1D1D1D; 
padding:10px;
font-size:1.1em 
}

.divschnellsuche{background: #C3C3C3 url(../img/bg_schnellsuche.gif) no-repeat left top;}

/* K L A S S E N
---------------------------------------------------------- */
.farbe01, .rot {color:#B30F12}
.farbe02 {color:#555}

.noborder{border: none !important;}
.noborderright{border-right: none !important}
.noborderbottom{border-bottom: none !important}

.nopaddingright{padding-right: 0px !important}
.nomarginright{margin-right: 0px !important}

.nomargintop{margin-top: 0px !important}

.nobackground{background: transparent !important}

.fontklein{font-size: 0.9em}

.rechts{float: right}
.links{float: left}

.bildlinks{
float:left;
margin-right:15px;
margin-top:0.5em;
margin-bottom:0.5em;
background-color:#ACACAC;
padding:5px;
}

.bildrechts{
float:right;
margin-left:15px;
margin-top:0.5em;
margin-bottom:0.5em;
background-color:#ACACAC;
padding:5px;
}

.leer{visibility:hidden}

.suchfeld{
color: #FFF;
font-weight: bold;
padding-top:3px;
vertical-align:top;
width:40px;
float:left;
}

/* S E I T E N S P E Z I F I H S C E  K L A S S E N
---------------------------------------------------------- */

/* Home */

div#teasercontainer div{
background: url(../img/bg_teaser_home.gif) no-repeat 0px 0px;
text-align:center;
padding:22px 15px 0 15px;
float:left;
margin:0 27px 5px 0;
cursor:pointer;
width:201px;   /* Hack IE 5*/ 
height: 152px; /* Hack IE 5*/ 
voice-family: "\"}\""; 
voice-family:inherit;
width: 171px;
height: 130px;
}

.leer{min-height:inherit}

div#teasercontainer div:hover{
background: url(../img/bg_teaser_home_a.gif) no-repeat 0px 0px;
}

div#teasercontainer div a{
text-decoration: none;
display:block;
color: #333333
}

#teasercontainer{
margin-bottom:15px;
min-height: 1px; /* IE7 fix .clearfix */
}

#meldung{
background-color:#ECECEC;
margin-bottom: 20px;
padding:5px 10px 1px 10px;
}

#elemente{
border-top:1px solid #E0E0E0;
margin-top: 1.5em;
padding:1em 0 0 0;
}

.wanted{
/*Style für Teaser Wanted*/
width:242px;
height: 157px;
background:url(../img/bg_teaser_wanted.jpg) no-repeat top left;
}

/* Sitemap */

ul.linkliste{
margin: 0 0 1em 0;
padding: 0px;
}

ul.linkliste li{
list-style: none;
padding-bottom:0.25em
}

ul.linkliste a:link, ul.linkliste a:visited{
text-decoration: none ;
background: url(../img/i_linkicon.gif) no-repeat 0% 55%;
padding-left: 15px;
}

ul.linkliste a:hover, ul.linkliste a:active{
text-decoration: none;
background: url(../img/i_linkicon_a.gif) no-repeat 0% 55%;
padding-left: 15px;
}

ul.linkliste  ul{
margin:  4px 0 0 0;
padding: 6px 0 0 0;
border-top: 1px solid #ECECEC;
}

table.sitemap{
border: none;
width:100%;
}

table.sitemap td{
width:20%;
vertical-align:top;
padding:0px;
margin: 0px;
}

/* News */

ul.news{
margin: 0px;
padding:0px;
}

ul.news li{
margin:0 0 7px 0;
padding:0 0 7px 17px;
list-style: none;
background: url(../img/i_link.gif) no-repeat 0px 5px;
border-bottom: 1px solid #666;
}

ul.news li a{
text-decoration: none
}

/* Info-Element */

ul.info{
margin: 0px;
padding:0px;
}

ul.info li{
font-size:1.1em;
margin:0 0 4px 0;
padding:9px 0 9px 17px;
list-style: none;
background: url(../img/i_link.gif) no-repeat 0px 13px;
}

ul.info li a{
text-decoration: none
}

ul.info li.reiteraktiv {
background:#C3C3C3 url(../img/bg_info_a.gif) no-repeat left top;
}
ul.info li.reiteraktiv a {
color:#333 !important;
font-weight:bold;
}

/* Suchergebnis */

#seitenoben{
padding:0.5em  0;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;}

.seiteaktiv{
background-color:#FFF;
border: 1px solid #B30F12;
color:#B30F12;
padding:0px 4px;}


p.seitebl{
margin-bottom: 0px !important}

.suchergebnis td{
padding: 15px 0;
border-bottom: 1px solid #ECECEC;
}

.suchergebnis td img{
vertical-align:top;
margin-right: 4px;
}

.suchergebnis p {
margin-bottom: 0px !important;
padding-bottom: 0.5em;
}

p.relenvanz{
color:#999999;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}


/* F O R M U L A R E */

/* Frormularelemente */

.button, .button:focus{
vertical-align: top;
border:none; /* überschreibt allg. Eigenschaften für focus*/
padding:0px; /* überschreibt allg. Eigenschaften für focus*/
}

.schnellsuche{margin:2px 2px 2px 0}

.formmini{width:50px;}
.formklein{width:142px;}
.formnormal{width:250px;}
.textareanormal{width:250px; height:60px}
.formgross{width:250px;color: #333333;}
.disabled{background-color: #C3C3C3; color:#666; font-weight:normal;}

form fieldset{
border: none;
background: url(../img/inexform-fieldset.gif) repeat-x left bottom;
margin:0 0 10px 0;
padding:0px;
}

legend{
color: #333;
font-weight:bold;
}

.formitem{
padding: 4px 10px 6px 10px;
background: url(../img/trenner.gif) repeat-x left bottom;
}

label.links {
float: left;
width: 100px;
margin-right: 5px;
padding-top:2px
}

label.linksbreit {
float: left;
width: 150px;
margin-right: 5px;
padding-top:2px
}
 
form em{
font-style:normal;
color: #B30F12
}

/* Teaser Folgeseiten */

.teaser{
background:#ECECEC url(../img/bg_teaser_o.gif) no-repeat left top;
margin-bottom: 20px;}

.teaser p{background:#ECECEC url(../img/bg_teaser_u.gif) no-repeat left bottom;
padding:0px 15px 15px 15px;
margin:0px;}

/* Loesungen */

.itembereich{
background-color:#F5F5F5;
margin-bottom:10px;
margin-top:4px;
padding:15px 20px 10px 20px; 
border-top: 1px solid #343434;}

.item{
margin-bottom:25px;
border-bottom: 1px solid #CCC;
}

.loesungtop{
text-align:right;
margin-bottom:25px;
}

h2.loesung{
/*background:#343434 url(../img/h2_loesungen.gif) no-repeat 20px 50%;*/
background-color:#343434;
font-size:1.2em;
/*padding: 7px 20px 6px 50px;*/
padding: 7px 20px 6px 20px;
margin: 0px;
color:#FFF;
display:inline;
line-height:1.4em;
}
/* Produkte */

.produktlogo{ 
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 8px 0;
margin-bottom: 1.5em;
}

/* Referenzen */

.referenzitem {
float:left;
padding:8px 0 10px 0;
margin-bottom: 10px;
}

.refernzlogo{
float:left;
width: 240px;
padding-bottom:20px;
}

.referenztext{
float:left;
width: 656px;
}

.referenztext p{
margin-bottom:0.4em !important;
}

H2.referenzen {
border-bottom: 1px solid #CCC;
padding:8px 0 10px 0;
margin-bottom: 20px;}

/* Fix fuer Floatcontainer */
.clearfix:after {
 content: ".";
 display: block;
height: 1px;
 clear: both;
 visibility: hidden;
 }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/* CSS Document 
	inexweb Newsletter
	19.02.2010
*/

#newsletter {
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	}

#newsletter #wrapper {
	margin: 0 auto;
	width: 590px;
}

#newsletter h1 {
	font-size: 27px;
	padding-top: 56px;
}

#newsletter h3 {
	font-size: 12px;
	color: #818181;
	padding-top: 10px;
	width: 520px;
	text-transform:none;
}

#newsletter h2 {
	font-size: 16px;	
	color: #B30F12;
}

#newsletter h4 {
	font-size: 13px;
	color: #B30F12;
	padding-bottom: 12px;
}

#newsletter #content p,
#newsletter p {
	font-size: 12px;
	color: #333;
	padding-top: 7px;
	line-height: 20px;
	margin-bottom: 0px;
}

#newsletter #header-top {
	background-image:  url(../img/schatten-top.gif);
	background-repeat: no-repeat;
	margin-top: 43px; 
	height: 15px;
	width: 590px;
}

*+html #newsletter #header-top{
	margin-bottom: -3px;
}

#newsletter #header {
	/*background-image: url(../img/schatten-mitte.gif);*/
}

#newsletter #header-content {
	background-image: url(../img/schatten-mitte.gif);
	padding: 0 38px;
	position: relative;
}

#newsletter #logo {
	position: absolute;
	top: 46px;
	right: 43px;
}

#newsletter #content {
	background-image: url(../img/schatten-mitte.gif);
	padding: 0 38px;
	padding-top: 175px;
}

#newsletter #links {
	background-image: url(../img/schatten-mitte.gif);
	padding: 0 32px;
	padding-top: 18px;
	padding-bottom: 40px;
	height: 70px;
}

#newsletter #nlfooter {
	background-image: url(../img/schatten-unten.gif);
	background-repeat: no-repeat;
	height: 37px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 20px;
}

#newsletter .img {
	width: 335px;
	height: 300px;
	position: relative;
	margin-top: 15px;
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
}

#newsletter .img img, #newsletter .img2bsp img{
	border: 1px solid #C2C2C2;
	height: 193px;
	width: 250px;
	position: absolute;
}

#newsletter .img #img1, #newsletter .img2bsp #img1 {
	top: 5px;
	left: 5px;
}

.img #img2 {
	top: 105px;
	left: 80px;
}

#newsletter .img #img2-bsp, #newsletter .img2bsp #img2-bsp {
	top: 215px;
	left: 5px;
	width: 250px;
	height: auto;
}

#newsletter .img2bsp {
	width: 265px;
	height: 265px;
	position: relative;
	margin-top: 15px;
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
}

#newsletter #links ul {
	padding-left: 5px;
}

#newsletter #links ul li {
	font-size: 13px;
	padding-bottom: 10px;
}

#newsletter #links ul li a{
	color: #333;
}

#newsletter hr {
	border-top: 1px solid #C2C2C2;
	height: 0px;
	border-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}

#newsletter #links .linkliste {
	float: left;
	padding-right: 1px;
}

#newsletter #nlfooter a, #newsletter #nlfooter p {
	color: #ffffff;
	text-decoration: none;
}

#newsletter #nlfooter a:hover {
	text-decoration: underline;
}

#newsletter #nlfooter p {
	padding-top: 3px;
}

a.nl{
	display:block;
	text-align:right;
	margin-right:5px;
}

*+html #newsletter #nlfooter {
	height: 55px;
	}
	

#newsletter .clear {
	clear: both;
}