body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center; /* IE 5.5 */
	background-color: #f8f8f8;
	font-family: verdana;
	font-size: 11px;
	background-image:	url(../_images/backgroundbody.gif);
	background-repeat: repeat-x;
	}

a {color:#fb8f11;text-decoration: none;font-weight: 900;}
a:hover {color:#ffca4c;}

table { font-family: verdana; font-size: 11px;}

input, select, textarea {
	border-top: 1px solid #c5c1bc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #dbd7d1;
	background-color: #fff;
	padding: 1px 3px 0px 3px;
	color: #737198;
	font-family: verdana;
	font-size: 11px;
	font-weight: 900;
	}



/*__________________________________________________________________________SPEZIELLE KLASSEN*/

.button {
	cursor: pointer;
	width: 108px;
	padding: 5px 0px 1px 0px;
	font-family: tahoma, Arial, Verdana;
	font-size:	11px;
	font-weight:	100;
	letter-spacing:	1px;
	color: #5a5884;
	background-image:	url(../_images/button.gif);
	background-repeat: no-repeat;
	background-color: #fff5e5;
	border: 0px solid red;
	}

#pageleft p {margin: 0px 0px 10px 0px;}
#pageright p {margin: 0px 0px 10px 0px;}
#pageleft .line {border-bottom:1px solid #ffdbac;}
#pageright .line {border-bottom:1px solid #dfdfdf;}

.pointer {
	padding:0px 0px 0px 9px;
	background-image:	url(../_images/li.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	}

.small {font-family:arial;font-size:10px;letter-spacing:2px;}




/*__________________________________________________________________________PAGEAUFBAU*/

#page {
	margin: 0px auto;
	text-align: left; /* IE 5.5 */
	width:962px;
	}

#pagetop {
	background-image: url(../_images/header2.jpg);
	width:962px;
	height:214px;
	border: 0px solid red;
    overflow: hidden;
	background-repeat: no-repeat;
	}

#pagemiddle {
	float: left;
	width:960px;
	border: 0px solid red;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	background-color: #FFdca8;
	background-image: url(../_images/contentbackground.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

#pageleft{ width:599px; float:left; padding: 1px 0px 30px 0px;}
#pageright{ width:360px; float: right;padding: 1px 0px 10px 0px;}

#pageend {
	float: left;
	width:962px;
	height:44px;
    padding-top: 50px;
	background-repeat: no-repeat;
	background-image: url(../_images/footer.jpg);
    text-align: right;
	}

DIV#pageheader {height:170px;}






/*__________________________________________________________________________NAVIGATION*/

DIV#navibox {

}

UL#navi {
    float: right;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    background-position: 0px 0px;
    }

UL#navi LI{
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	}


UL#navi LI.aus {margin-bottom: 4px;}
UL#navi LI.an {border-bottom: 4px solid #080546;}
UL#navi LI:hover {margin-bottom: 0px ; border-bottom: 4px solid #e87d00;}

UL#navi LI A IMG.aus {
	margin:0px;
	padding: 0px;
	display: block;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	border: 0px solid;
	}

UL#navi LI A IMG.an {
	margin:0px;
	padding: 0px;
	display: block;
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	border: 0px solid;
	}



LI#nav_i12gmbh {background-image: url(../_images/diei12gmbhoff.gif);}
LI#nav_magazine {background-image: url(../_images/onlinemagazineoff.gif);}
LI#nav_content {background-image: url(../_images/contentoff.gif);}
LI#nav_aktuelles {background-image: url(../_images/aktuellesoff.gif);}
LI#nav_jobs {background-image: url(../_images/jobsoff.gif);}
LI#nav_kontakt {background-image: url(../_images/kontaktoff.gif);}












#pageleft DIV.box h3, #pageright DIV.box h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #3f3d76;
	font-weight: 900;
	font-size: 11px;
	word-spacing: 2px;
	}


/*__________________________________________________________________________PAGELEFT BOXEN UND H1,2*/

#pageleft DIV.box {
	margin: 0px 0px 1px 1px;
	padding: 0px 25px 50px 25px;
	background-color: #fff5e5;
	color: #5e3b05;
	line-height: 130%;
	font-size: 11px;
	font-weight: 100;
	word-spacing: 1px;
	}

#pageleft DIV.box h1 {
	margin: 0px -25px 26px -25px;
	padding: 9px 0px 7px 10px;
	background-color: #FFFFFF;
	border-left: 32px solid #737198;
	color: #3f3d76;
	font-family: arial;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 2px;
	word-spacing: 3px;
	}

#pageleft DIV.box h2 {
	margin: -26px -25px 30px -25px;
	padding: 0px 0px 0px 11px;
	background-color: #f3f3f3;
	border-left: 32px solid #e99534;
	color: #555;
	font-family: arial;
	font-weight: 100;
	font-size: 10px;
	letter-spacing: 2px;
	word-spacing: 4px
	}





/*__________________________________________________________________________PAGERIGHT BOXEN UND H1,2*/

#pageright DIV.box {
	margin:0px 1px 1px 0px;
	padding: 0px 25px 30px 25px;
	background-color: #fff;
	color: #444;
	line-height: 130%;
	font-size: 11px;
	font-weight: 100;
	word-spacing: 1px;
	text-align: left;
	}

#pageright DIV.box h1 {
	margin: 0px -25px 26px -25px;
	padding: 9px 0px 7px 10px;
	background-color: #f1f1f1;
	border-left: 32px solid #737198;
	color: #3f3d76;
	font-family: arial;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 2px;
	word-spacing: 3px;
	}

#pageright DIV.box h2 {
	margin: -29px -25px 30px -25px;
	padding: 0px 0px 0px 11px;
	background-color: #f7f7f7;
	border-left: 32px solid #e99534;
	color: #555;
	font-family: arial;
	font-weight: 100;
	font-size: 10px;
	letter-spacing: 2px;
	word-spacing: 4px;
	}






/*__________________________________________________________________________LISTEN*/

ul {
	margin: 0px 0px 0px 10px;
	padding:0px;
	}

li {
	margin:0px;
	padding:0px 0px 0px 9px;
	background-image:	url(../_images/li.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	list-style-type: none;
	}






/*__________________________________________________________________________BLÄTTERFUNKTION*/

a.blatt_an{
	display:block;
	float:left;
	margin: 0px 1px 0px 1px;
	padding: 9px 3px 0px 0px;
	height: 15px;
	width: 17px;
	background-image: url(../_images/blaetterfunktionan.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-family: Arial, tahoma, Verdana;
	font-size: 11px;
	}

a:hover.blatt_an {background-image: url(../_images/blaetterfunktionaus.gif);}



a.blatt_aus{
	display:block;
	float:left;
	margin: 0px 1px 0px 1px;
	padding: 10px 3px 0px 0px;
	height: 14px;
	width: 17px;
	background-image: url(../_images/blaetterfunktionaus.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-family: Arial, tahoma, Verdana;
	font-size: 9px;
	color: #666;
	}

a.blatt_zuruck{
	display:block;
	margin: 0px 1px 0px 0px;
	padding: 8px 3px 0px 0px;
	height: 16px;
	font-family: Arial, tahoma, Verdana;
	}

a.blatt_vor{
	display:block;
	margin: 0px;
	padding: 8px 3px 0px 0px;
	height: 16px;
	font-family: Arial, tahoma, Verdana;
	}












.kontakttable {width:480px; margin-left:50px;}
.kontakttable .kontaktinput {width:200px; margin-bottom: 10px;}
.kontakttable td {border: 0px solid red;}
