body {
	font-family: Arial, sans-serif;
	/* font-size: small; */
	font-size: 13px;
	color: #000;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(grafik/csp-hintergrund-normal-t3.jpg) fixed no-repeat transparent;
}

#container-main {
	width: 980px;
	height: 100%;
}

#container-top {
	width: 980px;
	float: left;
}

#container-middle {
	margin: 0;
	padding: 100px 0 0 0;
	float: left;
}

#container-middle-left {
	float: left;
	width: 205px;
	margin: 0;
	padding: 0;
}

#container-middle-left-start {
	float: left;
	width: 205px;
	margin: 0 20px 0 0;
	padding: 0;
}

#container-middle-center {
	float: left;
	width: 570px; /*	height: 597px; */
	margin: 0;
	padding: 0;
}

#container-middle-center-wide {
	float: left;
	width: 740px; /*	height: 597px; */
	margin: 0;
	padding: 0;
}

#container-middle-right {
	font-size: 90%;
	float: left;
	width: 180px; /*	height: 597px; */
	margin: 0 0 0 10px;
	
	padding: 10px 0 0 0;
}

#container-middle-right-start {
	font-size: 90%;
	float: left;
	width: 175px; /*	height: 597px; */
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}

#container-bottom {
	clear: both;
}
/* inhaltslemente */

/* inhalt kopf */
#logo {
	position: absolute;
	top: 20px; left: 100px;
	margin: 0;
	padding: 0;
}

#logo img a {
	border: 0;
	padding: 0;
}

#headline {
	position: absolute;
	top: 20px;
	left: 220px;
	font-size: 180%;
	font-weight: 500;
	color: #7CA056;
}

#subheadline {
	position: absolute;
	top: 45px;
	left: 220px;
	font-size: 130%;
	font-weight: 500;
	color: #a0a0a0;
}

#suche {
	position: absolute;
	top: 10px;
	left: 790px;
	font-size: 90%;
}

#menu-meta {
	position: absolute;
	top: 10px;
	left: 650px;
	font-size: 90%;
}

#menu-meta ul {
	margin: 0;
}

#menu-meta li {
	margin: 0;
	list-style-image: url(grafik/csp-pfeil-10.gif);
}

#menu-meta a {
	text-decoration: none;
}

#menu-meta a:hover {
	text-decoration: underline;
}

#breadcrumb {
/*	margin: 10px 0 0 10px;*/
/* 	position: absolute;
	top: 62px;
	left: 220px;
	font-size: 80%; */
	padding: 0 0 20px 220px;
	font-size: 80%; 
}

#menu-oben {
	width: 780px;
	padding-left: 200px;
	position: absolute;
	top: 82px;
	left: 0;
 	background: url(grafik/csp-hintergrund-navi.jpg);	 
  font-size: 13px;
  text-transform: uppercase;
}


/* linke spalte */

#menu-links {
	width: 195px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;	
}

#menu-details {
	padding: 0 0 0 20px;
	margin: 0 1px 0 1px;
	/* background: url(grafik/csp-navi-detail.jpg) 4px -20px no-repeat;	  */
}

#inhalt-links {
	width: 185px;
	margin: 0px 0 0 0;
	padding: 0 0 0 20px;	
}

#inhalt-links img {
  margin-bottom: 7px;
}

#chat {
	width: 185px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;	
}


/* inhaltsbereich */


#inhalt {
	/* margin: 10px 20px 0 0; */
	margin: 10px 0px 0 0;
	padding: 0 10px 10px 10px;
	/*width: 550px; */
  width: 540px;
	float: left;
}

#inhalt-start {
	margin: 10px 0px 0 20px;
	padding: 0 0 10px 10px;
	width: 550px;
	float: left;
}

.box-rahmen {
	border: 1px solid #1D5C8F;
	/*padding: 5px;*/
	padding: 0 3px;	
	margin-bottom: 5px;
	/* width: 508px; */
}

.box-highlight, p.csc-frame-frame2 {
	background: #EAF3FA;
	border: 1px solid #1D5C8F;
	padding: 0 3px;
	margin: 10px 0;
}

.box-highlight-green, p.csc-frame-frame1 {
	background: #F1F7E9;
	border: 1px solid #7CA056;
	padding: 0 3px;
	margin: 10px 0;
}

.box-highlight-red {
	background: #F4B8B8;
	border: 1px solid #c30;
	padding: 0 3px;
	margin: 10px 0;
}

.box-mitte-blau-520 {
	background: url(grafik/box-mitte-hintergrund.jpg) repeat-x;
	border: 1px solid #d0d0d0;
	padding: 6px 3px;
	margin: 5px 0 7px 0;
	width: 530px;
}



.box-left {
	float: left;
	width: 255px;
	height: 530px;
	}
.box-right {
	float: right;
	width: 255px;
	height: 530px;
}

.box-verlauf-blau {
	width: 192px;
	/* padding: 0 2px 2p 2px; */
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/verlauf_blau.jpg);
}

.box-verlauf-blau-mitte {
	width: auto;
	/* padding: 0 2px 2p 2px; */
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/box-mitte-hintergrund.jpg) repeat-x;
}

.box-verlauf-rot-mitte {
	width: auto;
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/verlauf_rot.jpg) right bottom repeat-y;
}

.box-verlauf-mitte {
	width: auto;
	padding: 3px;
	margin-bottom: 5px;
	/*background: url(grafik/verlauf_gruen.jpg) right bottom;*/
	background: url(grafik/csp-hintergrund-box2009.jpg) bottom left repeat-x #E5F0F8;
	border: 1px solid #6AA5C7;
}

.box-rahmen-mitte {
	width: auto;
	padding: 3px 3px 15px 3px;
	margin-bottom: 5px;
	/*background: url(grafik/verlauf_gruen.jpg) right bottom;*/
	background: url(grafik/csp-box-2009-rahmen.jpg) bottom left repeat-x #fff;
	border: 1px solid #6AA5C7;
}

.border-bottom {
	border-bottom: 2px solid #6AA5C7;
	margin: 10px 0  15px 0;
}

#container-middle-right-start .box-verlauf-blau {
	width: 170px;
	/* padding: 0 2px 2p 2px; */
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/verlauf_blau.jpg);
}

#container-middle-right-start .box-verlauf-blau span {
  margin-left: -30px;
}

.box-verlauf-gruen,
.box-verlauf-blau {
	width: 192px;
	padding: 3px;
	margin-bottom: 5px;
	/*background: url(grafik/verlauf_gruen.jpg) right bottom;*/
	background: url(grafik/csp-hintergrund-box2009.jpg) bottom left repeat-x #E5F0F8;
	border: 1px solid #6AA5C7;
}

#container-middle-right-start .box-verlauf-gruen {
	width: 170px;
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/verlauf_gruen.jpg) right bottom;
}

.box-verlauf-rot {
	width: 192px;
	padding: 3px;
	margin-bottom: 5px;
	background: url(grafik/verlauf_rot.jpg) right bottom;
}

.box-wichtig {
	background: url(grafik/box-rahmen-wichtig.jpg) bottom left #fff;
	border: 1px solid #c30;
	margin: 10px 0;
  padding: 3px 3px 25px 70px;
}

.box-wichtig strong {
  color: #c30;
}

.box-demolinks {
  margin: 10px 0px;
}

.align-center {
	text-align: center;
	}

#menu-rechts {
	width: 200px;
	margin: 0 5px 10px 0;
/*	border: 1px solid #1D5C8F;
	background: url(grafik/csp-hintergrund-navi-rechts.jpg) repeat-y;*/
}

.tx-rbflashobject-pi1-swf_altcontent {
	margin-bottom: 10px;
}

/* unten */

#menu-unten {

	height: 20px;
	padding: 0 0 20px 220px;
	font-size: 90%;
}

.navigation {
  margin: 10px 0;
}


/* standard Formate */
h1 {
	font-size: 14px;
	color: #1D5C8F;
	margin: 5px 0 5px 0;
	text-transform: uppercase;
	text-align: center;
	
/*	margin: 0 0 10px 0;*/
}
h2, h3, legend, .tx-keyac-pi1 h1 {
	font-size: 100%;
	font-weight: bold;
	color: #1D5C8F;
	margin-bottom: 3px;
	text-align: left;
/*	color: #3F720D;*/
/*	margin: 0 0 -10px 0;*/
}

#inhalt h2 {
/*	border-bottom: 1px solid #A4BBDB;*/
}

#inhalt h4 {
  font-size: 100%;
  color: #000;
}

#inhalt .box-highlight h2, #inhalt .box-highlight-green h2 {
	margin-top: 3px;
}

#menu-links h2 {
	font-size: 90%;
	line-height: 160%;
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	color: #1D5C8F;
	background-color: transparent;
/*	background: url(grafik/header-hintergrund.jpg) repeat-x; */
}

#menu-details h2 {
	margin-left: -15px;
	margin-right: 1px;
	padding-left: 35px;
	background: url(grafik/csp-hintergrund-navi.jpg) -20px 0;
	border-bottom: 0px;
}

#container-middle-right h2 {
	font-size: 110%;
	font-weight: 900;
	margin: 0 0 3px 0;
	padding: 0;
	color: #1D5C8F;
	background-color: transparent;
/*	background: url(grafik/header-hintergrund.jpg) repeat-x; */
}

h6 {
  font-size: 15px;
  margin: 0;
}

p, p.bodytext {
	margin: 0;
	padding: 0 0 10px 0;
}

#container-middle-center ul, #container-middle-center-wide ul {
	margin: 0 0 5px -22px;
	list-style-image:url(grafik/csp-pfeil-10-grau.gif);
}

#container-middle-center ul ul, #container-middle-center-wide ul ul {
	margin-left: -22px;
	list-style-image:url(grafik/csp-pfeil-08-blau.gif);
}

th, table.contenttable th {
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	vertical-align: top;
}

td, table.contenttable td {
	font-size: 90%;
	text-align: left;
	vertical-align: top;
  padding: 3px;
}

td.bottomline {
	border-bottom: 1px solid #d0d0d0;
}
.listitem h2 {
	margin: 0;
}
/* Formulare basics */
fieldset {
	border: 0px;
	margin: 0;
	padding: 0;
}

legend {
	margin-left: -8px;
}

input, textarea, select {
	background: #EAF3FA;
	border: 1px solid #1D5C8F;
	color: #000000;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tx-mmforum-pi2-container input, tx-mmforum-pi2-container select, tx-mmforum-pi2-container textarea,
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {
	width: 300px;
}

input.ok-button {
	font-weight: bold;
	width: 35px;
	height: 19px;
}

input.csc-mailform-submit, input.csc-mailform-check, .directmail-cat input {
	width: auto;
	border: 2px solid #1D5C8F;
}

input.csc-mailform-submit {
	margin-left: 170px;
}

span.button input{
	width: 150px;
	}

input .essearchbutton {
	background: transparent;
}

fieldset.csc-mailform, fieldset.subscribe-mailform {
	border: 0;
	padding: 0;
	margin: 0;
}
fieldset.csc-mailform div.csc-mailform-field label, .form-tmail .form-label  {
	clear: left;
	float: left;
	width: 170px;
	padding: 3px 0;
}

.captchabild img {
  height: 45px;
} 

.form-tmail .form-label-long  {
	clear: left;
	float: left;
	width: 300px;
	padding: 3px 0;
}

.form-tmail input.submit-button {
	width: auto;
	font-weight: bold;
	padding: 3px 10px;
}

fieldset.csc-mailform div.csc-mailform-field .form-breit csc-mailform-check {
	margin-left: 250px;
}

.form-tmail input, .form-tmail textarea, .form-tmail select {
	width: 300px;
	float: left;
}

.form-tmail .form-error {
	color: #f00;
	font-size: 10px;
	vertical-align: top;
	margin-left: 170px;
}

input.csc-mailform-check {
  float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 15px;
}

.directmail-cat input {
	position: absolute;
	left: 345px;
}

fieldset.subscribe-mailform div.subscribe-field label {
	clear: left;
	float: left;
	width: 130px;
	padding: 3px 0;
}

.subscribe-field input {
	width: 250px;
	}

.subscribe-field input.subscribe-radio {
	width: auto;
	margin: 0px;
}

.directmail-cat input {
	width: auto;
	margin: 0px;
}


/* Menues */
#inhalt a, #inhalt a:visited {
	width: auto;
}

a:link, a:visited, a:hover {
	color: #1D5C8F;
}
a:hover {
	color: #000000;
}


a img {
	border: 0;
}
#menu-oben ul, #menu-unten ul {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
}
#menu-oben ul {
	padding-left: 12px;
}
#menu-oben li, #menu-unten li {
	display: inline;
}
#menu-oben a {
	color: #1D5C8F;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 0 5px;
	margin: 0;
}
#menu-oben a:hover {
	color: #000000;
/* 	background: url(grafik/header-hintergrund-rot.jpg) repeat-x 50%; */
}
#menu-oben li.act a {
/* 	color: #1D5C8F;
	background: url(grafik/header-hintergrund-rot.jpg) repeat-x 50%; */
	color: #c30;
}

#menu-unten a {
	color: #1D5C8F;
	text-decoration: none;
	padding: 0 4px 0 4px;
	margin: 0;
}

#menu-unten a:hover {
	color: #000;
	text-decoration: underline;
}

#menu-links ul {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
}
#menu-links li {
	display: block;
	font-size: 13px;
}

#menu-links li li {
	padding-left: 10px;
	display: block;
	font-size: 12px;	
}

#menu-links li li li{
	padding-left: 10px;
	font-size: 12px;	
}

#menu-links li li li li{
  margin-left: 5px;
	font-size: 11px;	
}

#menu-links a {
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block;
}

.divider {
	height: 10px;
}

#menu-details a {
	color: #1D5C8F;
}


#menu-links a:hover {
	color: #f00;
	background: url(grafik/csp-pfeil-14-rot.gif) no-repeat 0px;
}
#menu-links li.act a {
	font-weight: bold;
	color: #1D5C8F;
	background: url(grafik/csp-pfeil-14.gif) no-repeat 0px;
}

#menu-links a:hover {
	background: url(grafik/csp-pfeil-10-rot.gif) no-repeat 0px;
}

#menu-links li.act li a, #menu-links li.act li.act li a, #menu-links li.act li.act li.act li a {
	font-weight: normal;
	background: none;
}

#menu-links li.act li a:hover, #menu-links li.act li.act li a:hover {
	font-weight: normal;
	background: url(grafik/csp-pfeil-10-rot.gif) no-repeat 0px;
	color: #f00;
} 

#menu-links li.act li.act  a, #menu-links li.act li.act li.act a {
	font-weight: bold;
	background: url(grafik/csp-pfeil-10.gif) no-repeat 0px;
}









/* RTE Klassen */
p.wichtig, table.wichtig { color: #c33; background-color: #EAF3FA; padding: 2px;  }

a span.detail  {
	background: url(grafik/flash-icon.jpg) no-repeat top left;
	padding-left: 20px;
}

p.videolink {}
p.videolink a  { background: url(grafik/icon-video.gif) no-repeat top left; padding-left: 20px; display: block; margin: 0px 0;}
p.audiolink a  { background: url(grafik/icon-audio.gif) no-repeat top left; padding-left: 20px; display: block;}
p.pdflink a  { background: url(grafik/ico_pdf2.gif) no-repeat top left; padding-left: 20px; }

p.underline {text-decoration: underline;}
p.red {color: #cc3300;}

span.underline {text-decoration: underline;}
span.red {color: #cc3300;}

p.underline, .underline, span.underline {text-decoration: underline;}
p.red, .red, span.red {color: #cc3300;}

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }


/*sitemap */

#container-middle-center #inhalt .csc-sitemap ul, #container-middle-center #inhalt .csc-sitemap ul li
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#container-middle-center #inhalt .csc-sitemap ul ul ul li, #container-middle-center #inhalt .csc-sitemap ul ul ul li
{
	border-top: 1px solid #1D5C8F;
}

#container-middle-center #inhalt .csc-sitemap ul ul ul ul li
{
	border-top: 0px;
}

#container-middle-center #inhalt .csc-sitemap ul li
{
	font-weight: bold; 
	line-height: 25px;
}

#container-middle-center #inhalt .csc-sitemap ul li a
{
	padding-left: 0px;
	height: 25px;
	display: block;
}

#container-middle-center #inhalt .csc-sitemap ul ul ul li a
{
	padding-left: 0px;
}

#sitemap ul ul
{
}

#container-middle-center #inhalt .csc-sitemap ul ul li
{
	width:570px;
	padding-left: 0px;
	text-transform: none;
	margin-top: -1px;
	font-weight: bold; 
}


#container-middle-center #inhalt .csc-sitemap ul ul ul
{
	position: relative;
	margin-top: -25px;
	left: 200px;
	}

#container-middle-center #inhalt .csc-sitemap ul ul ul li
{
	width:400px;
	font-weight: bold; 
}

#container-middle-center #inhalt .csc-sitemap ul ul ul ul
{
	position: relative;
	margin-top: -25px;
	left: 170px;
}

#container-middle-center #inhalt .csc-sitemap ul ul ul ul li
{
	width:240px;
	font-weight: normal; 
}

#container-middle-center #inhalt .csc-sitemap ul ul ul ul ul
{
	display:none;
	position: relative;
	margin-top: -18px;
	left: 210px;
}

#container-middle-center #inhalt .csc-sitemap ul ul ul ul ul li
{
	width:200px;
	font-weight: normal;
	line-height: 16px;
	background-image: none;
}

#container-middle-right div div.tx-fab74softlink-pi1 form {
	margin: 0;
	padding:0;
}


.tx_ablinklist_searchView_links, .tx_ablinklist_listView_link {
	background: url(grafik/verlauf_blau_hoch.jpg) bottom repeat-x;
	margin-bottom: 15px;
	padding: 3px;
}

.linkliste-neu-link  {
	margin: 10px 0;
	background: #EAF3FA;
}

.searchform {
	padding: 0;
	margin: 0;
	border: none;
	width: 400px;
}

.searchform label {
  display: block;
  margin: 5px;
  width: 120px;
  float: left;
}

.searchform input, .searchform select {
  display: block;
  margin: 5px;
  float: left;
  width: 250px;
}

select.tx-indexedsearch-selectbox-defop, select.tx-indexedsearch-selectbox-desc {
  margin-left: 135px;
}

.searchform .tx-indexedsearch-search-select-order, .tx-indexedsearch-search-select-group {
  float: left;
}

.tx-indexedsearch-form {
	float: left;
}

/*.tx-indexedsearch-form label {
	padding-bottom: 5px;
	line-height: 20px;
	width: 150px;
}*/

/*.tx-indexedsearch-form input {
	padding: 0 5px 0 0;
	margin: 0;
	line-height: 20px;
	vertical-align: text-bottom;
}*/
	
	
.tx-indexedsearch-search-submit {
	float: left;
	width: auto;
	margin-left: 130px;
}

.tx-indexedsearch-search-submit input {
	width: auto;
	border: 2px solid #1D5C8F;
	font-weight: bold;
}

.tx-indexedsearch-browsebox ul {
	margin: 0;
	padding: 10px 20px;
}

.tx-indexedsearch-browsebox ul.browsebox li {
	display: inline;
	list-style-image: none;
	padding-right: 5px;
}

.tx-indexedsearch-title  {
	font-weight: bold;
}

.tx-indexedsearch-descr {
	margin-left: 30px;
}


.tx-indexedsearch-redMarkup {
	/* background-color: #D1E8BC; */
}

.tx-indexedsearch-form, .tx-indexedsearch-search-for {
  width: 550px;
}

/*.tx-indexedsearch-form label {
  width: 150px;
}*/

.tx-indexedsearch-search-for {
  float: left;
}


/* download counter */
.downloadLinkItem {
  /*text-align: center;*/
	background: url(grafik/csp-downloadbox-hintergrund.jpg) no-repeat transparent;
	border: 1px solid #1D5C8F;
	padding: 5px 3px 5px 100px;
	margin: 10px 0;  
  
}

.downloadLink a {
  font-size: 14px;
  font-weight: bold;
}

.downloadLink .downloadLinkCounter {
  display: none;
}

	/* default styles for extension "tx_fdfx2cols_pi1" */
/*  Layout 1 */
.c2l1-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l1-middle{
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/*  Layout 2 */
.c2l2-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l2-middle{
   background-color:#FFEDA8;
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/* Layout 2 */
.c2l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:70%;
   white-space:normal;
}
.c2l3-middle{
   background-color:#FFEDA8;
   border: 1px solid blue;
   padding-left: 5px;
   width:30%;
   white-space:normal;
}
/*
	Styles 2 Column DIV Section
*/
div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
    margin-bottom:10px;
}

div.tx-fdfx2cols-pi1 h2 {
    background: url(grafik/csp-hintergrund-navi.jpg);	 
    margin: 0px -3px 3px -3px;
    padding: 2px 3px;

}
/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:255px;
   white-space:normal;
   border: 1px solid #1D5C8F;
   padding: 0px 3px;
   background: #fff;
}
div.c2l1d-middle{
   position:absolute;
   left:276px;
   padding: 0px;
   width:255px;
   white-space:normal;
   border: 1px solid #1D5C8F;
   padding: 0px 3px;
   background: #fff;
}

div.campus-line1 div.c2l1d-left{
  background: url(grafik/csp-hintergrund-verlauf-nav.jpg) right repeat-x #fff;
}

div.campus-line1 div.c2l1d-middle{
  background: url(grafik/csp-hintergrund-verlauf-nav.jpg) right repeat-x #fff;
}

div.campus-line2 div.c2l1d-left{
  background: url(grafik/csp-hintergrund-verlauf-nav.jpg) right repeat-x #fff;
}

div.campus-line2 div.c2l1d-middle{
  background: url(grafik/csp-hintergrund-verlauf-nav.jpg) right repeat-x #fff;
}

/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:370px;
   border:1px solid blue;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:370px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}