/*--- html-tags ---*/

body, p, h1, h2, h3, div, span, hr, ul, ol, li, hr, img {
	padding:0px;
	margin:0px;
}

p.impressum{
	width:650px;
}

p.agb{
	width:650px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.7em;
	color:#606060;
/*	color:#000;*/
/*	color:#003466;*/
	background: #fff;
	background-image:url('img/rahmen_jpg/gruen.jpg');
	background-repeat:repeat-x;
}


/*links*/
a {
	color: #606060;
	text-decoration:none;
	font-weight: bold;
}
a:link {}
a:visited {
	}
a:hover{
	color: #81b628;
	}
a:active {
	}

a img, a:link img, a:visited img, a:hover img, a:active img {
	border:none;
}

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


h1 {
}
h2 {
	font-size:1.4em;
	line-height:180%;
/*	color: #003366;*/
}
h3 {
	font-size:1em;
	line-height:140%;
	color: #81b628;
	margin-top:10px;
}



/*--- utility-klasse (seo, layout) ---*/
.semantic {
	display:none;
}
.clear {
	float:none;
	clear:both;
}


/*--- eigene auszeichnungen ---*/

#navi{
	width:180px;
	margin-right:5px;
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#606060;
	margin-top:125px;
	margin-left:10px;
}

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

#navi ul li{
	margin-bottom:10px;
	margin-left:15px;
}

#navi .liste li{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:3px;
	font-size:11px;
}

#container{
	width:750px;
	margin: 0px;
/*	margin-left:195px;*/
	border: solid 0px;
	margin-top:5px;
	float:left;
	}

#logo{
	background-image:url('img/bg/inexio_logo.jpg');
	background-repeat:no-repeat;
	width: 1024px;
	height: 50px;
	margin-left: 25px;
	margin-top: 25px;
	text-align:right;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

#sub{
	width: 200px;
	height: 10px;
	padding-top: 45px;
	padding-left: 702px;
}

#sub a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}


#schatten_oben{
	background-image:url('img/rahmen_jpg/oben.jpg');
	background-repeat:no-repeat;
	width: 750px;
	height: 24px;
}


#mitte{
	width:750px;
	min-height:450px;
	background-image:url('img/rahmen_jpg/bg.jpg');
}

#mitte_inhalt{
	width:650px;
	margin-left:50px;
	padding-top: 30px;
	padding-bottom: 15px;
}



#text{
	width: 620px;
	font-size: 12px;
	float:left;
}



#unten{
	background-image:url('img/rahmen_jpg/unten.jpg');
	background-repeat:no-repeat;
	width: 750px;
	height: 29px;
}


.trenner{
	background-image:url(img/trenner.png);
}

/*--- Rollover - Effekt bei Navigationsleiste ---*/

#rollover_rechenzentren {
	display:block;
    width: 164px;
    height: 23px;
    background: #FFF url(img/rechenzentren.jpg) no-repeat top;

}

#rollover_rechenzentren:hover {
	background: #FFF url(img/rechenzentren.jpg) no-repeat bottom;
}

#rollover_ausstattung {
	display:block;
    width: 164px;
    height: 23px;
    background: #FFF url(img/ausstattung.jpg) no-repeat top;

}

#rollover_ausstattung:hover {
	background: #FFF url(img/ausstattung.jpg) no-repeat bottom;
}


#rollover_colocation {
	display:block;
    width: 164px;
    height: 16px;
    background: #FFF url(img/colocation.jpg) no-repeat top;

}

#rollover_colocation:hover {
	background: #FFF url(img/colocation.jpg) no-repeat bottom;
}

#rollover_addons {
	display:block;
    width: 164px;
    height: 16px;
    background: #FFF url(img/addons.jpg) no-repeat top;
}

#rollover_addons:hover {
	background: #FFF url(img/addons.jpg) no-repeat bottom;
}

#rollover_lage {
	display:block;
    width: 164px;
    height: 23px;
    background: #FFF url(img/lage.jpg) no-repeat top;

}

#rollover_lage:hover {
	background: #FFF url(img/lage.jpg) no-repeat bottom;
}

#toggler {
	display:block;
    width: 164px;
    height: 23px;
    background: #FFF url(img/produkte.jpg) no-repeat top;

}

#toggler:hover {
	background: #FFF url(img/produkte.jpg) no-repeat bottom;
}

#toggler_kontakt {
	display:block;
    width: 164px;
    height: 23px;
    background: #FFF url(img/kontakt.jpg) no-repeat top;

}

#toggler_kontakt:hover {
	background: #FFF url(img/kontakt.jpg) no-repeat bottom;
}

#rollover_kontaktformular {
	display:block;
    width: 164px;
    height: 16px;
    background: #FFF url(img/kontaktformular.jpg) no-repeat top;

}

#rollover_kontaktformular:hover {
	background: #FFF url(img/kontaktformular.jpg) no-repeat bottom;
}

#rollover_ansprechpartner {
	display:block;
    width: 164px;
    height: 16px;
    background: #FFF url(img/ansprechpartner.jpg) no-repeat top;

}

#rollover_ansprechpartner:hover {
	background: #FFF url(img/ansprechpartner.jpg) no-repeat bottom;
}