/* CSS Document */


html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background: #C0BDBD; 
font-family: Verdana, sans-serif; 
font-weight: normal;
text-align: center;
margin: 30px 0;
}
*html .imgtext-table{
max-width:300px;
padding-left:20px;
}

*html table {
margin-bottom:-1px;
}

.inhalt{
padding-left:20px;
padding-top:10px;
overflow:hidden;
max-width:400px;
}
*html .inhalt{
padding-left:20px;
padding-top:10px;
max-width:400px;
}

#center {
width: 460px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
padding-left:30px;
padding-bottom: 30px;
padding-top:40px;
font-family: Verdana, sans-serif;
font-size: 0.9em;
line-height:1.2;
}
#buecher{
margin-left:170px;
position:absolute;
top: 55px; 
}
#buecher h1{
display:inline;
}
*html #buecher{
margin-left:-20px;
}

.imgtext-nowrap{
background-color:white;
width:450px;
padding-top:10px;
padding-right:0px;
}
*html .imgtext-nowrap{
background-color:white;
width:430px;
margin-left:20px;
margin-right:0;
margin-top:40px;
padding-right:10px;
}
.imgtext-nowrap p  {
margin: 0; padding: 0; font-size:11px; line-height:1.2;
}

.imgtext-table{
padding-left:20px;
padding-right:0px;
}
.bodytext, .bodytext p {
font-family: Verdana, sans-serif;
font-size:10px; 
line-height:1.3;
font-weight:100;

margin-left:0px;
margin-right:0;
padding-left:9px;
padding-right:10px;
}
.page-title {
font-size:12px; 
margin-top:0px;
margin-left:0px;
margin-bottom:20px;
color:#999999;
}
*html .page-title {
margin-top:0px;
margin-left:0px;
margin-bottom:20px;
}
p  {
margin: 0; padding: 0; max-width:380px; font-size:12px; line-height:1.2;
}

b {
font-family: Verdana, sans-serif; 
font-weight:bold;
}
.italic {
font-family: Times New Roman, Times, serif;
font-style:italic;
color:#666666;
}
h2.italic{
font-family: Times New Roman, Times, serif;
font-style:italic;
color:#999999;
margin-left:230px;
margin-top:-5px;
}
p.italic{
font-family: Times New Roman, Times, serif;
font-style:italic;
color:#999999;
font-size:15px;
margin-left:110px;
margin-top:-5px;
}
.csc-header h1 {
margin-left:9px;
margin-top:40px;
font-weight:600;
}

.csc-firstHeader h1 {
margin-left:40px;
margin-top:0;
font-weight:600;
}

h1 {
font-family: Times New Roman, Times, serif;
font-size:17px;
margin-left:15px;
max-width:360px;
font-weight:600;

}
h2 {
font-size: 15px; 
text-align: left; 
padding: 10px 0; 
margin: 0; 
font-family: Times New Roman, Times, serif;
}

h3 {font-size: 1.2em; margin: 20px 10px 5px;font-family: Times New Roman, Times, serif;}


.navi ul { 
list-style: none;
margin-top:40px;
margin-left:-40px;
iist-style-type: none;
font-familiy: Verdana, sans-serif;
}
*html .navi ul{ 
margin-left:0px;
margin-right:0px;
}
.navi a {
width:150px;
display: block;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
font-size: 11px;
font-weight:100;
text-decoration: none;
}
*html .navi a {
width:160px;
padding-right:10px;
margin-right:0;
}

.navi a:link {
color: #333333;
text-decoration: none;
padding-top:4px;
padding-bottom:4px;
}

.navi a.aktiv {
background-color:white;
}
*html a.aktiv {
width:160px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
}
.navi a:hover {
color: #000000;
background-color:#FFFFFF;
}
*html a.hover {
width:160px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
}
.navi a:visited {
color: black;
text-decoration: none;
}


.clear { clear: both; }

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.wide {
width: 100%; 
}

.wide p {margin: 0; padding: 5px; position: relative;}

.top {border-bottom: 0;}


.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
background:  url(images/back.gif);
repeat;
border: 1px solid #000;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}




.container-left


.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 159px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 4px;    /*** Critical right divider dimension value ***/
padding-bottom: 20px;   /*** To keep content from going underneath the AP bottom boxes ***/
background:  url(images/baierentwurf_rechts.jpg) no-repeat;
min-height:290px;
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


	
	/* COMMON */
	.csi-textpic {
		padding: 0px;
		padding-bottom:10px;
		margin-bottom:10px;
		background-color:white;
max-width:430px;
	}
		*html .csi-textpic {
margin-left:0px;
margin-bottom: 10px;
max-width:438px;
	}

	.csi-textpic img {
		border: 0;  /*XXX demo only*/
		margin: 10px;
	}
	
	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
	}
	
	.csi-textpic .csi-image {
		margin-right:0px; 
margin-left:50px;
padding:0;
		width: 190px; /*will have to be an inline style - controlled by TS*/
border:0;
	}
	
	.csi-textpic .csi-imagewrap {
		border: 0; /*XXX demo only*/
	}
	
	.csi-textpic .csi-text {
		text-align: left; /*will have to be an inline style - controlled by TS*/ 
margin-left:-10px;
padding-top:20px;
	}
		*html .csi-textpic .csi-text {
padding-top:5px;
	}

	.csi-text p {
		margin-top: 0; margin-left:10px;
	}
	
	/* CENTER */
	
	.csi-center .csi-image {
		margin: 0 auto 3px;
	
	}
	
	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}
	
	.csi-right div.csi-text {
		clear: right;
	}
	
	
	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}
	.csi-left image {
margin-left:30px;
border: 1px solid #000;
	}
	
	.csi-left div.csi-text {
		clear: left;
	}
	
	
	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
	}
	
	
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	
	
	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 215px; /*will have to be an inline style - controlled by TS*/
	}
	
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	
	/* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		margin-left: 10px; /*will have to be an inline style - controlled by TS*/
margin-bottom: 10px;
margin-top:10px;
border:0;
	}
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
		width:60px;
margin:0;
	}
.csi-intext-left-nowrap .csi-image img{
margin-top:22px;
max-width:70px;
border: 1px solid #000;
	}
.frontEndEditIcons img{
border:0;
}