/* ---   Center Script   --- */
/*****************************************************************************************************************************************/
html, body {height:100%; margin:0; padding:0; text-align:center;}
#distance{width:1px; height:50%; float:left; margin:0; padding:0;}
#container{margin:0 auto; position:relative; /* puts container in front of distance */ clear:left; overflow: hidden; padding:0; text-align:left;}



/* ---   Config Center Script   --- */
#container {
	height:579px; /* container height ------------------------------------------  */
	width:770px; /* container width                                             | */
	} /*                                                                        | */
#distance{  /*                                                                  | */
	margin-bottom:-290px; /* half of container's height <-----------------------  */
}

/* ---   Use Center Script   --- 

	<div id="distance"></div>
	<div id="container">
	   content, content, content
	</div>
*/

/*****************************************************************************************************************************************/

/* Body */
body{background-color:#CACACA; font-size:14px; font-family: Arial, Verdana, Helvetica, sans-serif; color:#000000; line-height:23px;}

#container{background-color:#FFFFFF; border:1px solid #000000;}

/* Credo */
#credo{position:absolute; top:0px; left:0px; width:770px; height:579px;	background-color:#FFFFFF; z-index:1000; background-image: url('/img/credo.jpg'); display:none;}

/* Titel */
h1{margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:17px; color:#E60003; font-weight:bold;}

/* Liste */
ul{margin-top:0px; margin-left:0px; padding-left:20px;}
li{list-style-type:square;}

/* graue Titel */
div.grey{background-color:#98979C; width:100%; left:0px; color:#FFFFFF; font-weight:bold; font-size:11px; padding-left:10px;}
div.normal{margin-left:7px;}

/* Titel Produkte / Dienstleistungen */
span.red{color:#E60003; font-weight:bold;}

/* Formularformatierungen */
td.form{font-size:11px; line-height:normal;}
input.form{width:213px; border:1px solid #98979C;}
input.prodForm{width:60px; font-size:16px; margin-bottom:0px; _margin-bottom:-1px; border:1px solid #98979C;}

/* Blocksatz */
div.block{text-align:justify;}

/* Navigation */
a.nav_pas, a.nav_pas:link, a.nav_pas:visited{color:#98989B; font-size:11px; text-decoration:none; font-weight:bold; line-height:27px;}
a.nav_act, a.nav_act, a.nav_act:link, a.nav_act:visited,  a.nav_act:hover, a.nav_act:active, a.nav_pas:hover, a.nav_pas:active{color:#E60003; font-size:11px; text-decoration:none; font-weight:bold; line-height:27px;}

/* Hyperlinks */
a, a:link, a:visited, a:hover, a:active{color:#000000; text-decoration:none;}

/* Links oben */
a.top, a.top:link, a.top:visited{color:#C3C5C8; text-decoration:none; font-size:11px; font-weight:bold;}
a.top:hover, a.top:active{color:#C3C5C8; text-decoration:underline; font-size:11px; font-weight:bold;}