@import url("nav.css");   /* navI, navII, navIII */

/* Globale Seiten Struktur */
 #jordanCDVlogo { position:absolute; left:0; top:0;  } 
 #surround { position:absolute; left:1px; top:115px; width:100%; padding:0; margin: 0 0 10px 0;  min-width:745px }
 #surround #nowrap { width:850px; }
 #bodyArea { float:left; width:575px; padding:0; margin-bottom:0; background-color:#fff; color:#000; }
 #complement { padding-top:20px; padding-bottom:20px; padding-left:10px; }
 #complementPartner { padding-top:20px; padding-bottom:20px; padding-left:10px; }
 #nonNav { float:left; margin:0px 20px 20px 0px; padding:33px 0px 10px 10px;  
	 width:160px;
	 voice-family: "\"}\""; voice-family:inherit; 
	 width:150px;  
 } html>body #nonNav { width:150px; }
 #nonNav.bleed { padding:0; 
	 width:170px;
	 voice-family: "\"}\""; voice-family:inherit;
	 width:160px; 
 } html>body #nonNav.bleed { width:160px; }
 
#footer { clear:both; height:30px; background:url('../bilder/bg-footer.gif') 0 -6px; color:#666; padding-left:20px; 
 			padding-right:20px; padding-top:14px; padding-bottom:20px }
#footer a { color:#ff9900; }
#footer a:hover { color:#000; }
#footer p { margin:0px 0px 10px 0px; text-align:center; width:721px; }
/* Ende der Globale Seiten Struktur */


/* Globales Typografisches Erscheinungsbild */
body { margin:0; padding:0; background-color:#fff; }
body, div, ul, td, li, th, span, span, p, select, input, form, textarea, label { font-size:11px; font-family:verdana,helvetica, sans-serif; }
div { margin:0; }
p { margin:0px 0px 14px 0px; }
p.last { margin-bottom:0; }
/* Ende des Globalen Typografisches Erscheinungsbildes */


a { color:#ff9900; }
a b { color:#f00; }
a:visited { color:#ee9300; }
a:visited sup { color:#633; text-decoration:none; }
a:hover, a:focus { color:#666;  }
a strong { color:#f00; }
a img { border:0px none; }

font, tt { display: none; }

ol { margin:10px 5px 15px 30px; padding:0; }
ol ol { margin:8px 5px 8px 22px; padding:0; list-style-type: lower-alpha;}
ol ol ol { list-style-type: lower-roman; margin:5px 5px 10px 22px; }
ol.flushTop { margin-top:0px; }

sup { font-size:8px; font-weight:normal; margin:0; padding:0; margin-right:2px; text-decoration:none; }
a sup { color:#f00; text-decoration:none !important; }
#navIII a sup { color:#333; text-decoration:none; }
strong { color:#000; }
b { color:#333; font-weight: bold; }

.sup { font-size: 7px; position: relative; top: -3px; font-style: normal; }

img.error { float:left; padding-right:13px; border:0px none; }

ul.testUL { margin:10px 5px 15px 0px; padding:0; }
ul.flushTop { margin:5px 5px 15px 0px; margin-top:0; }

ul.noned { background-image: url('none');list-style-type:none }
ul.noned li { vertical-align:middle; margin-bottom:4px; background-image: url('none'); margin-left: 0; padding-left: 0 }
ul.noned li img { vertical-align:middle;margin-right:2px;  }
 
ul { margin:10px 5px 15px 0px; list-style-type:none; padding:0; }
ul li { margin-left:0; margin-bottom:2px; padding-left:8px; background-image:url('../bilder/ulBullet.gif'); background-repeat: no-repeat }

/* tables */
.defaultTable { width:100%; border-top:1px solid #ccc66; border-left:1px solid #ccc66;  }
.defaultTable th { border-left:0px none; border-top:1px none; text-align:left; border-bottom:0px solid #ccc; font-weight:bold; background-color:#f1f1f1; border-right:1px solid #ccc; vertical-align:top; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px }
.defaultTable td { text-align:left; border-bottom:1px solid #ccc66; border-right:1px solid #ccc66; padding:4px 8px; vertical-align:top; width:auto; }
tr { vertical-align: top; }

/* layouts */
div.oneCol { margin:0 !important; }

/* new layouts */
.thin, .half, .med, .large	{ float:left; margin:0; margin-bottom:20px; margin-right:20px; }
.thin	{ width:167px; }
.half	{ width:260px;  }
.med	{ width:354px; }
.large	{ width:541px; }
/* end new layouts */

.large .half1 { float:left; width: 261px; margin-bottom:20px; margin-right:20px; }
.large .half2 { float:left; width: 260px; margin-bottom:20px; }
.large .textGroup1	{	float:left; padding-right:10px; padding-top:2px; width:428px;	}
.half1 .textGroup1, .half2 .textGroup1	{	float:left; padding-right:10px; width:195px;	}
.med .textGroup1	{	float:left; padding-top:2px; width:299px;	}
 
.oneCol .thin { width:167px; margin-bottom:20px; }
.oneCol .med { width:354px; float:left; margin:0; margin-bottom:20px; }
.oneCol .med .thin { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.oneCol .med .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.oneCol .med .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:0px; }
.oneCol .large { width:541px; float:left; margin:0; margin-bottom:20px; }
.oneCol .large .thin { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.oneCol .large .med { width:354px; float:left; margin:0; margin-bottom:0px; }
.oneCol .large .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.oneCol .large .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:0px; }

div.twoCola { margin:0 !important; }
 
.twoCola .thin { width:167px; float:left; margin:0; margin-bottom:20px; margin-right:20px; }
.twoCola .med { width:354px; float:left; margin:0; margin-bottom:0px; }
.twoCola .med .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.twoCola .med .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:0px; }

div.twoColb { margin:0 !important; }

.twoColb .med { width:354px; float:left; margin:0; margin-bottom:20px; margin-right:20px; }
.twoColb .thin { width:167px; float:left; margin:0; margin-bottom:20px; }
.twoColb .med .med { width:354px; float:left; margin:0; margin-bottom:20px; }

.twoColb .med .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:19px; }
.twoColb .med .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:0px; }

.twoCola .large, .twoColb .large, .threeCol .large  { width:541px; float:left; margin:0; margin-bottom:20px; }

div.threeCol { margin:0 !important; }

.threeCol .large { width:541px; float:left; margin:0; margin-bottom:15px; padding:0; }
.threeCol .med { width:354px; float:left; margin:0; margin-bottom:20px; margin-right:20px; }
.threeCol .med2 { width:354px; float:left; margin:0; margin-bottom:20px; }
.threeCol .thin { width:167px; float:left; margin:0; margin-bottom:20px; }
.threeCol .large .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:20px !important ; clear:left; margin-top:3px; }
.threeCol .large .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:20px !important ; clear:none; margin-top:3px; }
.threeCol .large .thin3 { width:167px; float:left; margin:0; margin-bottom:0px !important ; clear:none; margin-top:3px; }
.threeCol .med .thin1 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:20px;  }
.threeCol .med .thin2 { width:167px; float:left; margin:0; margin-bottom:0px; margin-right:0px !important;  }
 
 .basicBox { border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999; margin:0; background:#fff; clear:both; padding-bottom:0px; }
 .basicBox ul { margin:0; margin-left:0px; margin-bottom:15px; padding:0; }
 div.buffer { margin:8px; margin-bottom:0; margin-top:7px; padding:0; }
 div.buffer p { position:relative; }
 div.buffer table { margin:0; padding:0; background:#f1f1f1; }
 .basicBox input.text { width:125px; }

 .basicBox .thin1 { margin-right:20px; margin-left:4px; padding:0; float:left; width:160px; }
 .basicBox .thin2 { margin-right:20px; padding:0; float:left; width:164px; }
 .basicBox .thin3 { padding:0; float:left; width:160px; }
 .basicBox .threeCol { margin:0; vertical-align:top; padding:0; position:relative; }
 .basicBox .threeCol .thin1 { margin-right:20px; padding:0; float:left; width:160px;  
	 margin-left:4px; voice-family: "\"}\"";  voice-family:inherit;
	 margin-left:8px;
 } html>body .basicBox .threeCol .thin1 { margin-left:8px; }
 .basicBox .threeCol .thin2 { margin-right:20px; padding:0; float:left; width:160px; }
 .basicBox .threeCol .thin3 { padding:0; float:left; width:162px; }

 .basicBox .twoCol { margin:0; vertical-align:top; padding:0; width:100%; }

 .basicBox .twoCol .thin { margin:0; margin-right:20px; margin-bottom:20px; padding:0; float:left; width:160px; clear:left; 
	 margin-left:4px; voice-family: "\"}\""; voice-family:inherit;
	 margin-left:8px;
 } html>body .basicBox .twoCol .thin { margin-left:8px; }
 .basicBox .twoCol .med { margin:0; margin-bottom:20px; padding:0; float:left; width:340px;}

 .basicBox .twoColB { margin:0; vertical-align:top; padding:0; }

 .basicBox .twoColB .med  { margin:0; margin-bottom:20px; padding:0; float:left; width:340px; margin-right:20px; clear:left; 
	 margin-left:4px; voice-family: "\"}\""; voice-family:inherit;
	 margin-left:8px;
 } html>body .basicBox .twoColB .med { margin-left:8px; }
 .basicBox .twoColB .thin { margin:0; margin-bottom:20px; padding:0; float:left; width:157px; }

 .interiorBox .content	{ border-right:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; margin:0; background:#fff; clear:both; margin-bottom:20px; padding-bottom:10px; }

 .containerRight { float:right;width:167px;margin:0px 0px 10px 17px; }

 .wow { position:relative; height:176px; z-index:1; }
 .wow img { position:absolute; top:-30px; border-bottom:1px solid #999; }
 .wowTall { position:relative; height:218px;  z-index:1;}
 .wowTall img { position:absolute; top:-30px; border-bottom:1px solid #999; }
 .wowShort { position:relative; height:135px; z-index:1; }
 .wowShort img { position:absolute; top:-30px; border-bottom:1px solid #999; }
 
.wow object { position:absolute; top:-20px;	}

#sectionII .wow { height:200px; }
#sectionII .wow img { top:0px; }

#sectionII .wowTall { height:250px; }
#sectionII .wowTall img { top:0px; }
 
.wowAction { position:relative;  z-index:2; }
.wowAction .content { position:absolute; top:-63px; width:167px; }
.wowAction a { }

.colSep	{	background: url('../bilder/bg-3col.gif');	}


 #cookieCrumb, .hidden, .hide, .hr hr, .hrTight hr { display:none; }
 table.inline { float:left; }
 .stacked { margin-bottom:20px; clear:both; }
.nowrap, .nobr { white-space:nowrap; }
.disclaim { color:#666; }
.disclaim strong { color:#666; }
.seen { display:block; } 

div.right { float:right; margin: 0px 0px 5px 10px; }

 img.inlineIMG { vertical-align:middle; } 
 img.left { float:left; margin: 3px 10px 7px 0px; } 
 img.right { float:right; margin: 3px 0px 5px 10px; } 
 img.thumb { border:1px solid #999; }
 div.clear { clear:both; border-top:1px solid #fff; background:transparent; margin:0 !important ; padding:0 !important; }

 
 hr { color:#999; height:1px; padding:0; }
 .hr { height: 18px; border-top:1px solid #999; padding:0; margin-top:17px !important; margin-right:0 !important; margin-bottom:0px !important; margin-left:0 !important; clear:both; }
 .hr hr, .hrTighter hr, .hrTight hr { display: none; }
 .hrTighter { border-top:0px;	height:1px; background-color:#999; padding:0; margin-top:7px !important; margin-right:0 !important; margin-bottom:7px !important; margin-left:0 !important; clear:both; }
 .hrTight {
	border-top: 1px solid #999;
}
.large + .hr, .textGroup1 + .hr { 
	border:0px none;
	height:38px;
	background:url('/i/tabs/bg-navII.gif') repeat-x 0 -4px;
	
}
 .tight { margin-bottom:0 !important;}
 h2.tight {	height:13px; }
 .uptight { margin-top:0 !important;}
 .recede { margin-top:-5px !important;}
 .tighter { margin-bottom:5px !important; }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0px none; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
  


/******************************************************************************************/ 
/* Das alte "Heads CSS" faengt hier an
/******************************************************************************************/ 
h1 { margin-bottom:15px; font-size:16px; clear:both; position:relative; z-index:999; height: 30px; margin-bottom:0px; margin-top:0px; background-repeat: no-repeat !important; color:#333; }
h2 { height: 17px; padding:0; margin-top:0; margin-bottom:5px; font-size:14px; clear:both; position:relative; z-index:998; background-repeat: no-repeat !important; color:#333; }
.basicBox h2 { margin:0; height: 26px; }
h2.h2b { border:1px solid #999; height:26px; border-bottom:2px solid #999; margin-bottom:11px !important; }
h2.h2c { height: 26px; border-top:2px solid #999; } 
h2.noBGimage { border-bottom:2px solid #999; padding-top: 5px; padding-left: 8px; height:21px; margin-bottom:5px; }
h3 { margin-top:0px; margin-bottom:2px; font-size:11px; font-weight:bold; clear:both; position:relative; z-index:97; }
h3.thead { background-color: #f1f1f1; padding: 4px 8px; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 8px;  }
h2.flashFlow {  } /* Forced to IE */
html>body h2.flashFlow { height:auto; } /* Forced to EOMB */
h1 span, h2 span { display:none; color:#333;}
/******************************************************************************************/ 
/* Das alte "Heads CSS" hoert hier auf
/******************************************************************************************/