@charset "UTF-8";

* {
    	margin:  0;
    	padding: 0;
}

body  {
    	font: 10pt Geneva, Verdana, Helvetica, Arial, sans-serif;
    	text-align: center;
    	color: #000000;
 		background-repeat: repeat-y;
		background-image: url(../img/bg_grey.gif);
   }
img {
	border: none;
}

a {
	color: #999;
	color: #555;
	text-decoration: none;
}

.text {
	z-index: 2;
	position: absolute;
	top:  190px;
	left: 250px;
}
p.garamond {
	display: none;
	font: italic 20px Garamond, Georgia, "Times New Roman", Times, serif;
}

.image {
	z-index: 1;
	position: absolute;
	top:  240px;
	left: 350px;
}

/*
 * ***** Hauptcontainer (umschließt alles) *****
 */    
    .fontiva #container { 
    	width: 100%;
    	/*margin: 0 auto;  Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
    	text-align: left;
    	vertical-align: top;
    }
/*
 * ***** Kopfzeile *****
 */
    .fontiva #header { 
		height:150px;
		background-repeat: repeat;
		background-image: url(../img/bg_head_WIA.gif);
    	padding: 0 0;
    } 
	.fontiva #header div.head_img {
		float: left;
		height:150px;
		width: 922px;
		background-repeat: no-repeat;
		background-image: url(../img/bg_head_WIA.jpg);
		display: inline;
	}
	.fontiva #header div.head_img a, .fontiva #header div.head_img img {
		display: inline;
	}

/*
 * ***** Navigation links *****
 */
    .fontiva #navbar_left {
    	float: left;
		width: 200px; 
/*    	padding: 25px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		padding-top:  25px;
/*		color: #E69F00;
*/		font-weight: normal;
    }
	.fontiva #navbar_left a {
		padding-bottom: 5px;
		text-decoration:none;
/*		color: #E69F00;
*/		display: block;	/* Umbruch nach schließendem Tag */
	}
	.fontiva #navbar_left a.nav_1 {
		padding-left: 25px;
		margin-bottom: 3pt;
		font-size: 16px;
	}
	.fontiva #navbar_left a.nav_1_act, .fontiva #navbar_left a.nav_1:hover {
		padding-left: 25px;
		margin-bottom: 3pt;
		font-size: 16px;

		color: #333;
		color: #000;
	}
	.fontiva #navbar_left a.nav_2 {
		padding-left: 40px;
		margin-bottom: 4pt;
		font-size: 14px;
	}
	.fontiva #navbar_left a.nav_2_act, .fontiva #navbar_left a.nav_2:hover {
		padding-left: 40px;
		margin-bottom: 4pt;
		font-size: 14px;

		color: #333;
		color: #000;
	}
/*
 * ***** Sidebar rechts *****
 */
   .fontiva #sidebar_right {
    	float: none; 
		width: 200px;
		position: absolute;
		right: 0px;
    	background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    }
/*
 * ***** Überschreibungen für Navigation und Sidebar *****
 */
    .fontiva #sidebar_right p, .fontiva #sidebar_right h3 {
/*		padding-left: 1em;
		padding-right: 1em;
*/		text-align: center;
/*    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
/*   	margin-right: 10px; */
    }

/*
 * ***** Haupt-container *****
 */
    .fontiva #mainContent {
		margin-left:  200px;
		padding-left:  50px;
		padding-right: 20px;
		padding-top:   50px;
    	vertical-align: top;
/*    	width: 100%; */
/*     	margin: 0 12em 0 12em; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */ 
/*    	padding: 0 2em 0 2em; /* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
/*		min-width: 600px;
*/
    } 
    .fontiva #mainContent h1, .fontiva #mainContent h2, .fontiva #mainContent h3 {
		font-size: 12pt;
		/*color: #333333;*/
		color: #E9AB22; /*#E69F00;*/
		color: #333;
	}
	
	.fontiva #mainContent h1 {
		font-size: 16px;
	}
	.fontiva #mainContent h3 {
		font-size: 11px;
	}
	.fontiva #mainContent h2 {
		margin-top: 30px;
	}

table.contenttable, tr.contenttable, td.contenttable, th.contenttable, tbody.contenttable {
	margin: 0;
	padding: 0;
 	font: 10pt Geneva, Verdana, Helvetica, Arial, sans-serif;
 	border: 0;
}
/*
tbody.contenttable {
	padding-right: -10px;
}
*/
/*
div.csc-textpic {
	border: 1px  solid blue;
}

div.csc-textpic-imagewrap {
	float: none;
	clear: both;
	border: 1px solid red;
	position: relative;
	top: 0px;
}
*/

#box_left {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width:  250px;
  height: 100%;
  background-repeat: no-repeat; background-image: url(../img/left_nav_img_WIA.jpg);
}

#box_bg {
  z-index: -2;
  position: absolute;
  top: 240px;
  left: 365px;
  width:  550px;
  height: 375px;
  background-repeat: no-repeat; background-image: url(../img/W-I-A_bg.jpg);
/*  background-repeat: no-repeat; background-image: url(../img/01.jpg); */
/*  background-repeat: no-repeat; background-image: url(../img/01_swws.jpg); */
/*  background-repeat: no-repeat; background-image: url(../img/01_rel.gif); */
}

#box_WIA {
  z-index: -2;
  position: absolute;
  top: 204px;
  left: 262px;
}

#box_text {
  width:  600px;
}
div.csc-textpic.csc-textpic-intext-right-nowrap div.csc-textpic-text { margin-right: 320px; }
div.csc-textpic-left div.csc-textpic-text { clear: none; }

/*
div.csc-textpic-text {
	border: 1px  solid green;
	background-color: #FF99FF;
	margin-right: 310px;
}
*/