@media all { 
/* ==========  F R A M E - T E S T I N G  ========== */ 
.border {border:0px dotted black; } 

/* STANDARD GLOBAL DEFINITIONS */ 
/* ================================ */ 
/* Colors (RGB) = black,gray,silver,white; blue,lime,aqua,red,maroon,fuchsia/magenta,yellow */ 
/* Colors (RGB) # = bcb3ac; fdc; c9ac80; ccaa80; db8; ec9; fda; feb; fec; */ 
/* vertical-align: top, middle, bottom; text-align: left, center, right; */ 
/* table {border-color:#777; }  */ 
body {margin-top:0px; margin-left:0px; direction:ltr; 
	font:normal 15px 'Arial',sans-serif; color:#005; z-index:0; }  /* #005; (dark-blue) */ 
.first p:first-letter {font-size:120%; font-style:italic; font-weight:bold; padding-right:3px; } 
.blind {position:absolute; top:-10000px; left:-10000px; font-size:0px; } 
p.blind {position:absolute; top:-10000px; left:-10000px; font-size:0px; } 

/* STANDARD IMAGE DEFINITIONS */ 
/* =============================== */ 
/* overflow: auto;visible,hidden,scroll */ 
img {border:0px solid black; } 

/* STANDARD LINK DEFINITIONS */ 
/* ============================== */ 
a:link {text-decoration:underline; color:blue; } 
a:visited {text-decoration:underline; color:maroon; } 
a:focus {text-decoration:underline; color:red; } 
a:hover {text-decoration:underline; color:red; } 
a:active {text-decoration:underline; color:red; } 
} 


@media handheld, tty, tv, braille, embossed, aural { /* PDA, Teleprinter/Textbrowser, Television, Braille-Line, Braille-Printer, Speech */ 
/* ========================================================================================================================================== */ 
} 


@media print { /* Printer */ 
/* ========================== */ 
body { margin-left:0.5cm; margin-right:0.5cm; } 
.noprint {position:absolute; top:-10000px; left:-10000px; font-size:0px; } 
.break {page-break-before:always; }
} 


@media screen, projection { /* Screen, Beamer */ 
/* =================================================== */ 
body {background-color:#ef8; } /* #ef8; (yellow), background-repeat:no-repeat; */ 
.noshow {position:absolute; top:-10000px; left:-10000px; font-size:0px; } 

/* POSITIONS of HEADER, NAVI and CONTENT */ 
/* ========================================= */ 
/* With "padding" you define the height and width of the replacement image */ 
div#top {position:absolute; top:0px; left:0px; width:100%; height:95px; margin:0; padding:0; z-index:0; 
	background-color:#ef8; } 
.design {position:absolute; top:0px; left:0px; margin:0; padding:0; z-index:1; } 
.logo1 {overflow:hidden; background-repeat:no-repeat; background-image:url("../../main/pics/logo1.gif"); 
	position:absolute; top:0px; left:0px; width:160px; margin:0; padding:140px 0 0; z-index:1; /* padding=height*/ 
	height: 0px !important; /* for most browsers */ 
    height /**/:140px; /* for IE5.5's bad box model */ } 
.logo2 {overflow:hidden; background-repeat:no-repeat; background-image:url("../../main/pics/logo2.gif"); 
	position:absolute; top:0px; left:160px; width:700px; margin:0; padding:155px 0 0; z-index:1; /* padding=height*/ 
	height: 0px !important; /* for most browsers */ 
    height /**/:155px; /* for IE5.5's bad box model */ } 
.pagend {overflow:hidden; background-repeat:no-repeat; background-image:url("../../main/pics/pagend.gif"); 
	width:700px; margin:-40px -20px 0 -20px; padding:90px 0 0; z-index:1; /* padding=height*/ 
	height: 0px !important; /* for most browsers */ 
    height /**/:90px; /* for IE5.5's bad box model */ } 
#version {position:absolute; top:140px; left:0px; width:160px; margin:0 0 10px; padding:0 0 5px; z-index:2; 
	background-color:#ef8; border-bottom:1px solid black; 
	font:bold 10px 'Arial',sans-serif; text-align:center; } 
#location {position:absolute; top:72px; left:177px; width:500px; margin:0; padding:0; z-index:2; 
	font:normal 13px 'Arial',sans-serif; text-align:left; } 
#css {position:absolute; top:72px; left:667px; width:150px; margin:0; padding:0; z-index:2; 
	font:normal 13px 'Arial',sans-serif; text-align:right; } 
#navi {position:absolute; top:190px; left:0px; } 
#content {background-color:#dde; position:absolute; top:95px; left:160px; width:660px; margin:0; padding:0 20px; } 

/* NAVIGATOR */ 
/* =========== */ 
div.navi {background-color:#ef8; border:0px solid black; width:155px; margin:0; padding:2px 0 2px; } 
div.last {margin-bottom:5px; } 
.navi h2 {background-color:#eee; border:1px solid gray; margin:0 7px 0; padding:1px 5px; font-size:1em; color:#005; } 
.navi ul {list-style:none; margin:0; padding:0 7px 0 20px; } 
.back {margin-bottom:8px; margin-left:-13px; } /* -13 = - ul (20 left) + h2 (7 left) */ 
.navi  li {margin-top:0px; padding:0; } 
.navi ul a {display:block; padding:1px 5px; text-decoration:none; font-weight:bold; 
	border:1px solid black; border-color:white black black white; background-color:#dde; color:#050; } /* BASIC COLOR GREEN */ 
.navi ul li a img {margin-top:3px; } 
* html .navi ul a {width:100%; w\idth:100%; } /* Breitenangabe fuer IE 5.x; IE 6 */ 
* html .navi ul li a {width:100%; w\idth:116px; } /* Breitenangabe fuer IE 5.x; IE 6 */ 
.navi ul a:visited {text-decoration:none; } 
.navi ul a:focus {border-color:black white white black; background-color:#bbd; color:blue; } 
.navi ul a:hover {border-color:black white white black; background-color:#bbd; color:blue } 
.navi ul a.loc {text-decoration:none; background-color:#bbd; color:blue; } /* ACTIVE COLOR BLUE */ 
.navi ul a.loc:focus {border-color:white black black white; background-color:#bbd; } 
.navi ul a.loc:hover {border-color:white black black white; background-color:#bbd; } 
#monitoring {font:italic 11px 'Arial',sans-serif; margin:10px 0 0; text-align:center; } 
#monitoring a:link { text-decoration:none; } 
#monitoring a:visited { text-decoration:none; } 
#monitoring a:active { text-decoration:none; } 
#stats {text-align:center; } 

/* CONTENT */ 
/* ========= */ 
#hint {border:0px dotted black; margin-top:10px; text-align:center; text-indent:-12px; color:blue; } 
#text {border:0px dotted black; margin-top:20px; text-align:center; } 
#text h2 {margin:0px 0 0; } 
.intro p {margin-left:30px; text-indent:-12px; text-align:left; } 
#new {border:0px dotted black; margin-top:30px; text-align:center; } 
#new h3 {font-size:100%; margin:0; text-decoration:underline; } 
#new ul {margin:0; margin-left:170px; text-align:left; } 

/* TABLES TITLE */ 
/* ============= */ 
.tbttl {width:210px; border:1px solid black; margin:0px 221px 20px; padding:5px 0; text-align:center; background-color:#eee; } 
ul.tbind {list-style-type:none; margin:8px 0 0 -35px; text-align:center; } 
.tbind li {display:inline; font-weight:bold; margin:0 2px; padding:2px 5px; background-color:#eee; } 
.tbind li:focus {background-color:#bbd; color:blue; } 
.tbind li:hover {background-color:#bbd; color:blue; } 
.tbind a:link {text-decoration:none; color:#005; } 
.tbind a:visited {text-decoration:none; color:#005; } 
.tbind a:focus {text-decoration:none; color:blue; } 
.tbind a:hover {text-decoration:none; color:blue; } 
.tbind a:active {text-decoration:none; color:#005; } 
/* =============== */ 
.bull {font-weight:bold; letter-spacing:3px; } 
.mark {font-style:italic; } /* DELETE Class "tb3imp" */ 

/* TABLES Variant 1 */ 
/* =============== */ 
#tables {border:0px dotted black; margin:20px 0 0; text-align:center; } 
.tb1 {border:1px solid black; float:left; margin:0 3px 10px; padding:0; text-align:center; background-color:#eee; } 
.tb1x {border:0px dotted black; float:left; margin:0 4px 10px; padding:0; text-align:center; } 
.clear {clear:both; margin:0; padding:0; } 
.wid1 {width:210px; } 
.wid2 {width:102px; } 
.widx2 {width:428px; } 
.widx3 {width:646px; } 
.tb1 h3 {margin:5px 5px; letter-spacing:3px; } 
.tb1 h4 {margin:5px 5px 0px; } 
.tb1 p {margin:5px 5px 5px; } 
p.line {margin:0; padding:0; border-top:1px solid black; } 
.comment {font-style:italic; font-size:smaller; } 

/* TABLES Variant 2 */ 
/* =============== */ 
.tb2 {border:1px solid black; margin:0 3px 10px; padding:0; text-align:center; background-color:#eee; } 
.tb2 h3 {margin:5px 5px; letter-spacing:3px; } 
.tb2x {border:1px solid black; border-spacing:0; border-collapse:collapse; margin:0px; padding:0px; background-color:#eee; } 
.tb2x td {border:1px solid black; padding:5px; } 

/* TABLES Variant 3 */ 
/* =============== */ 
.tb3hdr {margin:0px 15px; } 
.tb3 {width:640px; border:1px solid black; border-collapse:collapse; margin:5px 10px 0; text-align:left; background-color:#eee; } 
.tb3 th {border:1px solid black; padding:2px 3px; text-align:left; } 
th.tb3 {width:120px; } 
.tb3 td {border:1px solid black; padding:2px 3px; text-align:left; } 
.tb3top {font-weight:bold; font-style:italic; color:red; } 
.tb3imp {font-style:italic; } 
.tb3up {margin:0 10px 10px; text-align:right; } 

/* MAP of VISITORS */ 
/* ================= */ 
.maptbl {margin:0; padding:0; } 
.maptd {border:1px solid black; margin:0; padding:0; } 
.maptxt {width:200px; } 
.mapfont {width:200px; padding:5px 0; font:normal 15px Arial,sans-serif; text-align:center; background-color:#eee; color:#005; } 
.mapfont img {padding-bottom:3px; } 
.mapfont span {font-weight:bold; text-decoration:underline; } 
.mapbox {width:160px; height:142px; background-color:#eee; } 
.mapspc {width:30px; } 
.mapjava {position:absolute; top:136px; left:269px; } 
} 

@media screen, projection, print { /* Screen, Beamer, Printer */ 
/* =================================================================== */ 
/* IMPRINT, CONTACT, COPYRIGHT */ 
/* ============================== */ 
.imprint p {margin-top:8px; text-align:center; } 
.impref a {font-size:13px; } 
.XMail {margin:0; margin-left:35px; padding:0; text-align:center; color:#003; }  /* #text, .content2 */ 
.XMailNotice {margin:0; padding:0; font-size:17px; font-weight:bold; text-align:center; }  
.XMailWarn {font-size:17px; font-weight:bold; text-align:center; color:red; }  
.XMailFontN {font-size:15px; font-weight:bold; text-align:right; color:#003; }  
.XMailFontW {font-size:15px; font-weight:bold; text-align:right; color:red; }  
.XMailSelect {font-size:13px; font-style:normal; font-weight:bold; text-indent:2px; }  
.XMailOption {font-size:13px; text-indent:-5px; } 
.XMailSent {font-size:17px; font-weight:bold; text-align:center; }  
.vat {vertical-align:top; } 
.vam {vertical-align:middle; } 
.vab {vertical-align:bottom; } 
.tal {text-align:left; } 
.tac {text-align:center; } 
.tar {text-align:right; } 


/* BORDER DEFINITIONS  (funktioniert nur für <table> & <td> je einzeln) */ 
/* ============================================================= */ 
/* [-X]=top,right[&left],bottom;left */ 
/* margin[-X]: 0px;  (funktioniert nicht für <td>) */ 
/* padding[-X]: 0px; */ 
/* border[-X]: width style color; */ 
/* border[-X]-width/style/color: */ 
/* border[-X]-style: none;(hidden),dotted,dashed,solid,(double,groove,ridge),inset,outset */ 
/* border-collapse: separate;collapse  (funktioniert nicht für <td>) */ 
/* ============================================================= */ 
}