
/* css optiplan.de  02.2008  */



/* :::::::::::::::::::::::: Stand FF Opera Safari  ANFANG ::::::::::::::::::::::::::::  */

	<![if ! IE ]>
	html {
	margin:0; /*  */
	}

	body { 
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

	#oben { 
	position: fixed;
	width: 100%;
	top: 0;
	height: 106px;
	overflow: hidden;
	}

/* :::::::::::::::::::::::: Navigation ANFANG ::::::::::::::::::::::::::::  */

.ddmx{
border:0px none #FFFFFF !important ; 
}
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 padding: 5px 5px 5px 13px !important ; 
 top: 0px !important ; 
 left: 0px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #5F5F5F !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
}
.ddmx td.item11 {
 background-color: #FFFFFF !important ; 
 padding:0 !important ; 
 border-top: 0px none #FFFFFF !important ; 
 border-left: 0px none #FFFFFF !important ; 
 border-bottom: 0px none #FFFFFF;
 border-right: 0 !important ; 
 white-space: nowrap !important ; 
}
.ddmx td.item11-last {
 background-color: #FFFFFF !important ; 
 padding:0 !important ; 
 border: 0px none #FFFFFF !important ; 
 white-space: nowrap; 
}
.ddmx td.item11-acton {
 padding:0 !important ; 
 border-top: 0px none #FFFFFF !important ; 
 border-left: 0px none #FFFFFF !important ; 
 white-space: nowrap; 
 border-bottom: 0px none #FFFFFF;
}
.ddmx td.item11-acton-last {
 border: 0px none #FFFFFF !important ; 
}
.ddmx .item11-acton-last a.item1,
.ddmx .item11-acton a.item1,
.ddmx .item11-acton-last a:hover,
.ddmx .item11-acton a:hover,
.ddmx .item11 a:hover,
.ddmx .item11-last a:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 color: #CC0033 !important ; 
 background-color: #FFFFFF !important ; 
}
.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
 padding: 5px 13px 5px 13px !important ; 
 font-size: 11px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: lighter !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
 z-index:500; 
 opacity:1; 
}
.ddmx a.item2 {
 background-color: #F2F2F2 !important ; 
 color: #5F5F5F !important ; 
 border-top: 0px none #FFFFFF !important ; 
 border-left: 0px none #FFFFFF !important ; 
 border-right: 0px none #FFFFFF !important ; 
}
.ddmx a.item2-last {
 background-color: #F2F2F2 !important ; 
 color: #5F5F5F !important ; 
 border-bottom: 0px none #FFFFFF !important ; 
 z-index:500; 
}
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
 background-color: #F2F2F2 !important ; 
 color: #CC0033 !important ; 
 border-top: 0px none #FFFFFF !important ; 
 border-left: 0px none #FFFFFF !important ; 
 border-right: 0px none #FFFFFF !important ; 
}
.ddmx .section {
 border: 0px none #FFFFFF !important ; 
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}
.ddmxframe {
 border: 0px none #FFFFFF !important ; 
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */


/* :::::::::::::::::::::::: Navigation ENDE ::::::::::::::::::::::::::::  */



#inhalt { 


	position: fixed;
	width: 500px;
	padding-right: 270px;	
	top: 123px;
	left: 205px;
	bottom: 85px;
	overflow: auto;
	z-index: 57;
}

#unten {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 82px;
	left: 0px;
	overflow: hidden;		
	}	
	<![endif]>
	<!--[if gte IE 5]>
	html, body { 
	margin: 0;
	padding: 0;

	/* ohne IE/Mac \*/
	overflow: hidden; 
	}

/*  <![endif]-->  */

#unten {
		/* ohne IE/Mac \*/
		position: fixed;
		top: expression(document.body.clientHeight - 82 + "px");
		/**/
		width: 100%;
		height: 82px;
		overflow: hidden;		
		z-index: 200;	
	}

#menu_box {
	top:52px;
	left: -7px;
	width: 800px; 
	background-color: #FFFFFF;  
	position: fixed;
	overflow: no;
	z-index:58;
}

#linie_oben { 
	position: fixed;
	width: 910px;
	top: 56px;
	left: 14px;
	overflow: auto;
	border-bottom: 1px solid #CC0033;
	z-index: 59;
}

#linkespalte { 
	position: fixed;
	width: 99%;	
	top: 155px;
	left: 15px;
	bottom: 85px;
	overflow: hidden;
	z-index: 50;
}


#rechtespalte { 
	position: absolute;
	width: 210px;
	
/*	top: -133px; */
	top: -8px;
	left: 520px;

	overflow: hidden;
	z-index: 59;
}

#footer_back {
	width: 920px;
	height: 81px;
	background-image: url(../images/footer5.gif);
	z-index:40;
}

#footer_text {
	padding-top: 42px;
	z-index:51;
	font-family: arial, tahoma, verdana, sans-serif;
	font-style: normal; 
	font-size: 11px;
	text-align: center;
}



p {
	font-family: arial, tahoma, verdana, sans-serif;
	font-style: normal; 
	font-size: 12px;
	color: #5F5F5F; 
	}

.contentheading {
	font: bold 16px verdana, sans-serif;
	color: #990033; 
	}

	h1 { 
	font: bold 18px verdana, sans-serif;
	color: #CC0033; 
	}

	h2 { 
	font: bold 16px verdana, sans-serif;
	color: #CC0033; 
	}

	h3 { 
	font: bold 16px verdana, sans-serif;
	color: #CC0033; 
	}

	h4 { 
	font: bold 16px verdana, sans-serif;
	color: #CC0033; 
	}

	h5 { 
	font: bold 16px verdana, sans-serif;
	color: #CC0033; 
	}

	h6 { 
	font: bold 16px verdana, sans-serif;
	color: #CC0033; 
	}



<![endif]-->

<![endif]-->

/* :::::::::::::::::::::::::: Stand ALL  ENDE  ::::::::::::::::*/




/*   Alle Raender auf Null   */

* {
	padding: 0;
	margin: 0;
	}



/*  Definition  body: Position, Hintergrund, Grundschrift   */

body { 
/*    position:absolute;  */
    background:#FFFFFF;
	font-family: tahoma, verdana, arial;
	font-size: 0.9em;
        background-color: none;
}

/*  Definition Logo   */

#logo_opti {
	top:0px;
	left: 0px;
	width: 947px; 
	height: 91px;
	background-image: url(../images/optiplan_Logo_k2.gif);
	position:fixed;
	z-index:4;
 }
 
 
 
 #angebot {
	font-size: 0.9em;
	color: #CC0033;
	background: #FFFFFF;
	/* border: 1px solid; */
	top: 75px;
	left: 812px;
	position: fixed;
	margin-top: 0px;
	width: 100px;
	z-index: 100;
}



* Weiter mit browserübergreifenden Deklarationen */
	
/* Die Formatierung der Module */
table.moduletable	{
	width: 95%;
	padding-left: 2px;
	text-align: left;
	font-size: 0.8em;
}

/* Überschrift der Module */
table.moduletable.th {
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
}

/* Inhalte der Module */
table.moduletable.td {
	font-size: 0.6em;
	font-weight: lighter;
}

/* All internal headings, modulueberschriften,..... including the contact page */
.contentheading, .componentheading {
	font-weight: bold;
	font-size: 18px;
	color: #CC0033; 
/*	padding-bottom: 20px; */

/*  Position Ueberschrift    */
/*	padding-left: 200px;   */
}


/* Definition Navigationspfad                                     */

#pathway {
  	left: 210px;
  	top: 105px;
  	position: fixed;
 	z-index:53;
}

.pathway {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8px;
	color: #999999;
}  


/*  SUCHEN Button, Position,....  */
.button {
	font-size: 0.8em;
	background-color: #D3A485;
	color: #ffffff;
	border: 1px solid;
	width: 50%;
}

.inputbox {
	font-size: 0.9em;
	color: #BF0000;
	background: #FFFFFF;
	border: 1px solid;
	top: 51px;
	left: 823px;
	position: fixed;
	margin-top: 5px;
	width: 100px;
}

table.moduletable {
	width: 30%;
	margin-left: 10px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}














