/* CSS doc - TYPO3-Site - RUFFSTONE GmbH - developed by mediadavinci*/

/* base configuration */ /********************************/ 

body {
  	background:#ffffff;
  	min-width:990px;
	overflow:scroll; /*important for inactive scrollbar */
  	text-align:left;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:100%; /*** Don't change this setting. Make all other
	font-sizes in % (preferred) or ems ***/
	color:#333333;
	cursor: default; /* AR: Hier wird der übliche Pfeilcursor eingestellt, weil sonst aus irgendeinem Grund der Textcursor erscheint */
}

*+html body {overflow: hidden;}

a  {
	text-decoration:none;
	border-bottom:1px dotted;
	cursor: pointer;
}
	
a:visited {
}
	
a:active {
}
	
a:hover {
	color:#ff5000;
}

hr {
	margin:0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color:#ccc; /* for ie */
	background-color:#ccc; /* for everyone else */
	height:2px;
}
	
br {
	height: 7px;
}
	
/* text styling */ /********************************/ 

h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, blockquote, input, textarea, select, .csc-firstHeader { font-family: Verdana, Arial, Helvetica, sans-serif; }


p {
	font:normal 70%/180% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:0px 40px 0px 20px; 
}

#content-box-left p , #content-box-right p, #content-box p, #content-box-large p {
	margin-top: 20px;
	margin-bottom: 20px;
}

a#nl-anmelden {
	color:#333333;
}

h1, h1.csc-firstHeader {
	font:bold 100%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 10px 20px;
	color:#666666;
}

h2, h2.csc-firstHeader {
	font:normal 90%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 20px 20px; 
	color:#333333;
}

h3, h3.csc-firstHeader {
	font:bold 80%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 10px 20px; 
	color:#000;
}

h4, h4.csc-firstHeader {
	font:bold 80%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:10px 20px 0px 20px;
	color:#fdb900;
}

h5, h5.csc-firstHeader {
	font:bold 68%/120% Verdana, Arial, Helvetica, sans-serif;	
	text-align:left; 
	margin:20px 20px 10px 20px; 
	color:#000;
}

h6, h6.csc-firstHeader {
	font:normal 70%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 10px 20px; 
	color:#333333;
}

h7, h7.csc-firstHeader {
	font:normal 70%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 40px 10px 20px; 
	color:#333333;
}

h8, h8.csc-firstHeader {
	font:normal 65%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 10px 20px; 
	color:#000;
}
	
strong, b {
	font-weight:bold;
}

/* Headers in the right border column */  

#bordercontent h2 { 
	font:bold 80%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:0px 20px 20px 20px; 
	color:#333333; 
}

#bordercontent h3 { 
	font:bold 70%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin:20px 20px 20px 20px; 
	color:#000; 
}


/* lists */ /********************************/ 

li {
	font:normal 70%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
	margin-left: -20px;
	color: #333333;
}

li a {
	background: url("../img/b_link03.gif") no-repeat left top;
	border:0;
	padding-left: 20px;
	margin-right: 20px;
	color: #333333;
}

li a:hover {
	background: url("../img/b_link03.gif") no-repeat left bottom;
	color: #ff5000;
}

ul, ol {
	margin-top:25px;
	list-style-type:none;
	list-style-position:outside;
}

ol li {
	margin:0px 40px 10px -20px;  
} 

#list ul {
	list-style-type:none;
	list-style-position:outside;
	width: 170px;
}

*+html #list {
	margin-top: -70px;
}

#list li {
	background: url("../img/b_bullet.gif") no-repeat left top;
	border:0;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-right: 20px;
	color: #333333;
}
	
td {
	font-size:90%;
}

	
/* news-box */ /********************************/

#news-text {
	margin-left: 20px;
}

#news-text p, #news-text ul h3, #news-text ul ul li {
	font:normal 70%/140% Verdana, Arial, Helvetica, sans-serif;
}

#news-text ul h3 {
	margin: 0 0 0 -20px; padding: 0;
	line-height: 180%;
	color: #333333;
}

#news-text ul ul li {
	margin: 0 0 0 -20px; padding: 0;
	line-height: 180%;
	color: #333333;
}

#news-text ul ul {
	margin-left: -40px;
}

*+html #news-text ul ul{
	margin-left: 0px;
}

* html #news-text ul ul {
	margin-left: 0px;
}

/* Images */ /**********/  

img {
}

a.current img {
	border-bottom:2px solid #ff5000;
	cursor:default;
}

.image a.current:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: default;
}

.imageblock {
	margin-top: 25px;
	margin-bottom: 25px;
}

.image {
}

.image a {
	border:0;
}

.image a:hover {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

/* Images / Captions */ 
P.csc-caption { 
	font:normal 70%/100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 5px 0px 0px 0px;
}  

P.csc-textpicsubheader { display: none;}

/* Images / Tables / Floating text */ 
TABLE.imgtext-table { border: 0px; }  

/* Images / Tables / Wrapped text */ 
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */ 
TABLE.imgtext-nowrap { border: 0px; } 
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }

/* Bulletlists */ /***************/  
/* Bulletlists, general */ 
UL.csc-bulletlist LI { font-size: 100%; }  

/* Bulletlists, specifically */ 
UL.csc-bulletlist-0 { color: #000000; } 
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; } UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; } UL.csc-bulletlist-3 { color: #000000; list-style-image: url(/fileadmin/img/bullet.gif); } 
UL.csc-bulletlist-3 LI { margin-bottom: 20px; }

/* Frames, spacing, link-to-top */ /********************************/ 

P.csc-linkToTop { text-align: right; } 
P.csc-linkToTop A { font-weight: bold; }  

DIV.csc-frame { border: 0px; } 
DIV.csc-frame-invisible {} 
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; } 
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; } DIV.csc-frame-indent { padding-left: 100px; } 
DIV.csc-frame-indent3366 { padding-left: 33%; } 
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; } 
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }  

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; } 
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/* RTE / Bodytext: */ /*******************/ 

P.bodytext { 
	margin:0px 40px 10px 20px;  
} 

P.csc-linkToTop {
	font: normal 90%/140% Verdana, Arial, Helvetica, sans-serif;
}  

a.mail {
	color:#333333;
}

/* RTE / Bulletlists */ 
UL { margin-top: 0px;  } 
UL UL LI { font-size: 100%; } 
OL { margin-top: 0px; } 
LI { margin-top: 0px; padding-top: 2px;}  

/* RTE / Table styling */ 
table.contenttable { border: none; margin: 0px 40px 0px 20px; width: 100%; } 
table.contenttable TR TD { padding: 0px 0px 0px 0px; vertical-align: middle; } 
table.contenttable TR TD P.bodytext { 	font: normal 60%/140% Verdana, Arial, Helvetica, sans-serif; } 
table.contenttable TR { background-color: transparent; } 
  

/* Filelinks, generally */ /************************/ 

TABLE.csc-uploads { border: 0px; } 
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; } 
TABLE.csc-uploads TR TD { vertical-align : top; } 
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; } TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; } 
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; } 
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; } 
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; } 
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; } 
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }  

/* Filelinks, specifically */ 

TABLE.csc-uploads-1 { border-color: #186900; }  
TABLE.csc-uploads-2 { border-color: #10007B; }  
TABLE.csc-uploads-3 { border-color: #8A0020; } 
TABLE.csc-uploads-3 TR TD { vertical-align: middle; } 
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; } 
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; } 				   

/* Various Forms */ /*****************/  

/* Email, Login and Search forms generally: */ 

FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; } 
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #e5e3db; } 
FORM TABLE TR TD.csc-form-fieldcell { background-color: #e5e3db; } FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: none;} 
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }  
 

/* Login form, specifically */ 
.login {
	float:left;
	background:#fff url("../img/login-bkg.png") no-repeat top left;
	width:939px;
	height:30px;
}

FORM TABLE.csc-loginform { 
	float:right; 
	margin: 0px 50px 2px 0px; 
	background-color: #e5e3db; 
	height: 28px;
}

FORM TABLE.csc-loginform TR TD { 
	padding-left: 5px; 
	padding-right: 0px; 

}

FORM TABLE.csc-loginform TR TD P { padding:0; margin:0;}
FORM TABLE.csc-loginform TR TD P.csc-form-label {
	display:none;
}

FORM TABLE.csc-loginform TR TD P.csc-form-label-req {
	font:normal 69%/140% Verdana, Arial, Helvetica, sans-serif;
	margin-left:11px;
}

FORM TABLE.csc-loginform TR TD.csc-form-fieldcell input{ 
	float:left;
	color:#666; 
	background-color:#d0cbbc; 
	border:1px solid #d0cbbc; 
	width: 85px; 
	padding: 3px 3px 3px 3px;
	font:normal 69%/140% Verdana, Arial, Helvetica, sans-serif;
}

FORM TABLE.csc-loginform TR TD.csc-form-fieldcell input:hover{ 
	color:#333; 
	background-color:#d0cbbc; 
	border:1px solid #ff5000; 
}

FORM TABLE.csc-loginform TR TD.csc-form-fieldcell input:focus{ 
	color:#333; 
	background-color:#fff; 
	border:1px solid #333; 
}


FORM TABLE.csc-loginform TR TD.csc-form-fieldcell INPUT.csc-loginform-submit { 
	color:#fff; 
	background-color:#3c3c3c; 
	border:2px solid white; 
	width:70px;
	cursor:pointer;
	padding: 2px 2px 2px 2px;
	margin-right:3px;
	margin-left:11px;
	font:normal 69%/140% Verdana, Arial, Helvetica, sans-serif;
}

FORM TABLE.csc-loginform TR TD.csc-form-fieldcell INPUT.csc-loginform-submit:hover { 
	color:#fff; 
	background-color:#ff5000; 
	border:2px solid white; 
}

/* Menu / Sitemap, generally */ /*****************************/

DIV.csc-menu { margin-left: 10px; } 
DIV.csc-menu P { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
DIV.csc-menu P A { color: #000000; text-decoration: none; } 
DIV.csc-menu P A:hover { color: #ad0535; text-decoration: underline; } 
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }  

/* Menu / Sitemap, "Menu of these pages" */ 

DIV.csc-menu-def P {  }  

/* Menu / Sitemap, "Menu of subpages to these pages" */ 

DIV.csc-menu-1 { }  

/* Menu / Sitemap, "Sitemap" */ 

DIV.csc-menu-2 { background-color: #eeeeee; margin-left: 0px; } DIV.csc-menu-2 P.csc-sitemap { line-height: 25px; font-size: 0.8em; border-bottom: 1px solid #ffffff; margin-left: 0px; background-color: transparent;} 
DIV.csc-menu-2 P.csc-sitemap-level1 { padding-left: 5px; } 
DIV.csc-menu-2 P.csc-sitemap-level2 { padding-left: 25px; } 
DIV.csc-menu-2 P.csc-sitemap-level3 { padding-left: 45px; } 
DIV.csc-menu-2 P.csc-sitemap-level4 { padding-left: 65px; } 
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; } 
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; } 
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; } 
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; } 
DIV.csc-menu-2 P.csc-sitemap a:hover { text-decoration: none; color: #ad0535; } 
DIV.csc-menu-2 P.csc-sitemap-level1#current{ color: #ad0535;}  

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */ 

DIV.csc-menu-3 { } 
DIV.csc-menu-3 P.csc-section { margin-left: 0px; } 
DIV.csc-menu-3 P.csc-section A { color: #186900; }  

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */ 
DIV.csc-menu-4 { } 
DIV.csc-menu-4 P { margin-top: 2px; } 
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }  

/* Menu / Sitemap, "Recently updated pages" */ 

DIV.csc-menu-5 { }  

/* Menu / Sitemap, "Related pages (based on keywords)" */ 

DIV.csc-menu-6 { }  

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */ 

DIV.csc-menu-7 { } 
DIV.csc-menu-7 P { font-weight: bold; } 
DIV.csc-menu-7 P.csc-section A { color: #186900; } 


/* Frontend editing / TYPO3 Admin Panel */ /****************************************/ 
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }   

/* Default styles for the Admin Panel */ 

TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; } 
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; } 
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; } 
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; } 
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; } 
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			 
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; } 
TABLE.typo3-editPanel TD { border: 0px; }   

/* CSS Styled Content */  
/* default styles for extension "tx_cssstyledcontent" */ 	
/* Captions */ 	

DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } 	
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }  

/* Needed for noRows setting */ 	

DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }  	

/* Border just around the image */ 	

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid black;padding: 0px 0px; }  	
DIV.csc-textpic-imagewrap { padding: 0; }  	
DIV.csc-textpic IMG { border: none; }  	

/* DIV: This will place the images side by side */ 	

DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }  	

/* UL: This will place the images side by side */ 	

DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; } 	

DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }  	

/* DL: This will place the images side by side */ 	

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } 

/* FE-Editing Icons */ 	

DL.csc-textpic-image { margin: 0; } 	
DL.csc-textpic-image DT { margin: 0; display: inline; } 	
DL.csc-textpic-image DD { margin: 0; }  	

/* Clearer */ 	

DIV.csc-textpic-clear { clear: both; }  	

/* Margins around images: */  	
/* Pictures on left, add margin on right */ 	

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; }  	

/* Pictures on right, add margin on left */ 	
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; }  	

/* Pictures centered, add margin on left */ 	
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }  	

/* Space below each image (also in-between rows) */ 	

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; } 	
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; } 	
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }  	

/* No margins around the whole image-block */ 	

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; } 	
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }  	

/* Add margin from image-block to text (in case of "Text w/ images") */ 	

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px !important; 	} 	

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px !important; 	}  	

/* Positioning of images: */ 
/* Above */ 	

DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }  	

/* Center (above or below) */ 	

DIV.csc-textpic-center { text-align: center; /* IE-hack */ } 
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } 	
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }  	

/* Right (above or below) */ 	
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }  	
/* Left (above or below) */ 	
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; } DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }  	
/* Left (in text) */ 	
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }  	
/* Right (in text) */ 	
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }  	
/* Right (in text, no wrap around) */ 	
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; } 	
/* Hide from IE5-mac. Only IE-win sees this. \*/ 	
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; } 	
/* End hide from IE5/mac */  	
/* Left (in text, no wrap around) */ 	
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; } 	
/* Hide from IE5-mac. Only IE-win sees this. \*/ 	
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; } 	

/* End hide from IE5/mac */    /*************/ 
/* Debugging */ /*************/ 
/* H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #777777;} TD TABLE { border: 1px dotted #000099;} DIV { border: 1px dotted #990000;} IMG.spacer-gif { border: 1px solid black; } */